1. function类型
function类型是JavaScript语言中的重要数据类型。
2. 函数定义方法
常用的函数定义方法有三种:
2.1 最标准的函数定义
//定义函数
function add(a,b){
return a+b;
}
//使用函数
var sum=add(1,2);//计算结果sum=3
1
2
3
4
5
6
2.2 将函数执行内容赋值给变量:
//将函数执行内容赋值给变量
var add=function(a,b){return a+b;}
//使用函数
var sum=add(1,2);//计算结果sum=3
1
2
3
4
2.3 利用void操作符
在JavaScript语言中,void可以被认为是这样的一种操作符:它可以运行其中的表达式;它运行表达式后无返回值。
例如常见的 :javascript:void(0),含义是:运行0,其实就是啥也不干。
<a href="javascript:void(0)">点我</a>
1
再比如下面的a标签点击后会弹出提示框。
<a href="javascript:void(alert('小心点'))">点我!</a>
1
所以void操作符可以认为是定义一种无返回值的立即执行一次的函数。
3. 隐藏参数arguments
JavaScript函数可以直接使用隐藏参数arguments来代表参数数组,例如:
function sum() {
var i;
sum = 0;
for (i = 0; i < arguments.length; i++) {//arguments表示参数列表数组
sum += arguments[i];
}
return sum;
}
var num=sum(1,2,3);//结果为6
1
2
3
4
5
6
7
8
9
10
4. html元素的常用函数事件有:
onfocus 元素获得焦点 onblur 元素失去焦点 onchange 文本框内容改变,单选/复选框选择项改变 onclick 鼠标点击 onload 内容加载完毕 onmousedown 鼠标按下 onmouseup 鼠标松开 onmousemove 鼠标在元素中每次移动 onmouseout 鼠标移开 onmouseover 鼠标移到元素上 onsubmit 提交按钮被点击
我们往往会用到this关键字,this表示的是发生事件的元素本身,例如:
<html> <head> <title>我的个人主页</title> </head> <script type="text/javascript"> function hello(element) { alert(element.name); } </script> <body> <input type="button" name="testButton" value="Hello" onclick="hello(this)" /> </body> </html>
点击按钮,弹出提示框会显示"testButton",可见this代表元素本身。