JavaScript是一种比较流行的制作网页特效的脚本语言,它由客户端浏览器解释执行,可以应用在JSP、PHP和ASP.NET等网站中。
JavaScript与其他语言一样,有自己的基本语法、数据类型、运算符和流程控制语句。
1、变量的使用
使用命令var声明变量。例如:var number=10;
由于JavaScript采用弱类型的形式,所以在声明变量时,不需要指定变量的类型,而是根据其变量的赋值来确定数据类型。
2、数据类型
- JavaScript没有char数据类型,只有字符型,它是使用单引号或双引号括起来的一个或多个字符,要表示单个字符必须使用长度为1的字符串。
- 特殊类型的数字常量:NaN,即“非数字”。当在程序中由于某种原因发生计算错误后,将产生一个没有意义的数字,此时JavaScript返回的数字就是NaN。
3、函数的定义
函数是由关键字function、函数名加一组参数以及置于大括号中要执行的一段代码定义。参数不需要加var关键字声明。
在JavaScript中,由于函数名区分大小写,所以,在调用函数时,也需要注意函数名的大小写。
4、事件处理
JavaScript是一种事件驱动的语言,它主动作事很少,它一直等待用户的操作,然后通过执行一段脚本对用户的操作做出反应。
1)JavaScript的常用事件
onabort (对象载入被中断时触发)
onblur (使用在表单元素中,当元素或窗口本身失去焦点的时候执行)
onchange (使用在表单元素中,改变<select>元素中的选项或其他表单元素失去焦点时,并且再起获取焦点后内容发生过改变时执行)
onclick (鼠标点击一个元素时执行,当光标的焦点在按钮上,并按下回车键时也会触发)
ondblclick (鼠标双击一个元素时执行)
onfocus (任何元素或窗口本身获得焦点时执行)
onkeydown (按下某个按键时执行,如果一直按着键盘会不断触发,当返回false时,取消默认操作)
onkeypress (按下和释放某个按键时执行,具体应该是键盘键被按下,并产生一个字符时发生)
onkeyup (释放某个按键时执行)
onload (在body标签中使用,页面完全载入后在windows对象上触发;所有框架都载入后在框架集上触发;<img>标记指定的图像完全载入后在其上触发;或<object>标记指定的对象完全载入后在其上触发)
onmousedown (单击任何鼠标按键时执行)
onmousemove (鼠标光标在元素上移动时持续执行)
onmouseout (鼠标光标移开元素时执行)
onmouseover (鼠标光标移到元素上时执行)
onmouseup (当释放鼠标按键时执行)
onscroll (在任何带滚动条的元素或窗口上滚动时触发)
onreset (用在表单元素中,当表单重置(单击重置按钮)时执行)
onselect (选中文本时触发)
onsubmit (用在表单元素中,当表单提交时在<form>上执行)
onunload (用在body标签中,当关闭页面时执行)
2)指定事件处理程序的方法
- 在HTML中直接指定事件处理程序:只需在HTML标记中添加相应的事件,并为该事件指定要执行的代码或是函数名即可。示例如下:
<input name="br_register" type="button" value="注册" onclick="alert('单击了注册按钮');">
- 在JavaScript中直接指定事件处理程序:首先需要获取要处理对象的引用,然后将需要执行的处理函数赋值给对应的事件。例如:
<body>
<input name="br_register" type="button" value="注册" >
<script type="text/javascript" language="javascript">
var b_register=document.getElementsByName(br_register);
br_register.onclick=click;
function click(){
alert('单击了注册按钮');
}
</script>
</body>
注意:在JavaScript中直接指定事件处理程序时,事件名称必须为小写,才能正确响应事件,并且在指定事件处理程序时,不能加上函数后面的小括号"()".
- 在在JavaScript中通过匿名函数指定事件处理程序:它和在JavaScript中直接指定事件处理程序一样,也需要先获得要处理对象的引用,然后在通过匿名函数的形式将要执行的代码赋值给对应的事件。例如:
<body>
<input name="br_register" type="button" value="注册" >
<script type="text/javascript" language="javascript">
var b_register=document.getElementsByName(br_register);
br_register.onclick=function(){
alert('单击了注册按钮');
}
</script>
</body>
分享到:
相关推荐
JavaScript语言基础,初学者的良师益友
JavaScript语言基础知识点总结,考过试的童鞋都知道什么叫知识点总结吧,很实用哦。是图片格式的因为用思维导图做的
JavaScript_语言基础JavaScript_语言基础.pdf
HTML JavaScript PHP 语言的学习使用 HTML JavaScript PHP 语言的学习使用 HTML JavaScript PHP 语言的学习使用 HTML JavaScript PHP 语言的学习使用 HTML JavaScript PHP 语言的学习使用 HTML JavaScript PHP 语言...
HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 ...
JavaScript基础深度原理学习心得,从中可以领略到JavaScript比较有深度的知识理解 JavaScript基础深度原理学习心得,从中可以领略到JavaScript比较有深度的知识理解
学习 JavaScript 的基础 变量和数据类型:学习如何声明变量以及 JavaScript 支持的数据类型。 操作符和表达式:了解如何使用各种操作符进行计算和逻辑判断。 控制结构:学习条件语句和循环语句,控制程序的执行流程...
JavaScript 语言基础知识点总结(思维导图)
本书通过对JavaScript语言的分析,甄别出好的和坏的特性,从而提取出相对这门语言的整体而言具有更好的可靠性、可读性和可维护性的JavaScript的子集,以便你能用它创建真正可扩展的和高效的代码。 雅虎资深...
对JavaScript语言基础知识点的总结,整理出十张思维导图
JavaScript语言精粹完整版,想要提升的朋友有福了。
JavaScript脚本语言基础
《JavaScript语言精髓与编程实践》精选版 作者 周爱民 《JavaScript语言精髓与编程实践》这本书,最初的名字是叫《动态函数式语言精髓与编程实践》,这是作者写本书的原意。确切地说,作者并非是想讨论JavaScript...
这是一份《javascript语言精粹》PDF版的压缩包,本书对于javascript的重要知识点介绍很到位,你值得拥有!
JavaScript语言基础知识点总结
第5章 JavaScript语言基础2第5章 JavaScript语言基础5.2 JavaScript语法5.3 JavaScript函数5.4 Javascr
JavaScript 语言基础知识点思维导图
JavaScript 曾是“世界上最被误解的语言”,因为它担负太多的特性,包括糟糕的交互和失败的设计,但随着Ajax 的到来,JavaScript“从最受误解的编程语言演变为最流行的语言”,这除了幸运之外,也证明了它其实是一门...
《JAVASCRIPT语言精髓与编程实践》.周爱民
JavaScript语言与Ajax应用(第二版)-源代码-董宁-51704128