JavaScript语言基础学习杂记

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)