JavaScript函数定义与使用_javascript函数的定义与使用?-CSDN博客

本文目录

1. function类型
2. 函数定义方法
3. 隐藏参数arguments
4. html元素的常用函数事件有：

1. function类型

function类型是JavaScript语言中的重要数据类型。

2. 函数定义方法

常用的函数定义方法有三种：

2.1 最标准的函数定义

//定义函数
function add(a,b){
	return a+b;
}
//使用函数
var sum=add(1,2);//计算结果sum=3

2.2 将函数执行内容赋值给变量：

//将函数执行内容赋值给变量
var add=function(a,b){return a+b;}
//使用函数
var sum=add(1,2);//计算结果sum=3

2.3 利用void操作符

在JavaScript语言中，void可以被认为是这样的一种操作符：它可以运行其中的表达式；它运行表达式后无返回值。

例如常见的：javascript:void(0)，含义是：运行0，其实就是啥也不干。

<a href="javascript:void(0)">点我</a>

再比如下面的a标签点击后会弹出提示框。

<a href="javascript:void(alert('小心点'))">点我!</a>

所以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

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>