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="注册" οnclick="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.οnclick=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.οnclick=function(){
alert('单击了注册按钮');
}
</script>
</body>