JavaScript中的事件

介绍

BOM 是基于事件的程序的编写
事件：是由访问Web页面的用户引起一些列操作。
作用：用于浏览器和用户之间的交互。
事件可以分成 鼠标，键盘，HTML

事件介绍

事件处理程序：要做的东西。
作用是定义函数：比如事件是开灯，那么控制灯亮就是事件处理程序。

鼠标事件：

HTML事件：

键盘事件：

函数

使用函数前要先定以才能去使用。

函数的定义有三个部分：函数名，参数列表，函数体。
定义函数的格式：
function 函数名（[参数1，参数2，…]）{
函数执行部分；
return 表达式；
}
函数分成有参函数和无参函数。
function test(){}。
function test( a){}。
无论是有参函数还是无参函数，小括号必须要有。

函数的名字，开头尽量小写，可以下划线开头，不能数字开头。
无参函数的调用直接写函数的名称就可以了test() ；
有参函数的调用则是加上参数，比如：test(2)。

我们注意：函数一般都放到js文件夹中去。

js事件

对函数的调用，我们一般采用事件进行调用。
onclick —点击事件。

点击触发事件，test进行处理。

匿名函数：
（function （）{}） 外面加上括号
调用：匿名函数的自调用。
（function （x）{console.log(x)}）(“a”)

作用域：全局变量，谁都可以用。
局部变量，只是在函数中生效。

全局和局部变量重名是，优先使用局部变量。

var num=10；
function test（）{
console.log（num）;
var num;
}
结果是什么？ undefined。。
为什么？
：前面说过变量提升。在局部变量中，也会进行变量提升。它会将变量提升到函数的最上面。就变成了
var num=10；
function test（）{
var num;
console.log（num）;
}
所以结果就是undefined。

题问：
test ()
function test (){
console.log（1）;
}

能不能运行？
结果是可以运行。代码是从上向下进行的这是没错的，但函数也是能提升的，所以函数是可以运行的。

函数传参。在传参数的时候不知道传几个怎么办？

我们可以借助arguments

arguments是伪数组 有.length方法 还有下标。arguments.length可知道我们传了多少值。
获取具体某一个的值 可以使用arguments[]方法;

练习：

练习：传入多个值进行运算--
function test（）{
	var index=0;
	var arg=arguments;
	for(var i=0;i<arg.length;i++){
		if(isNaN (parseInt(arg[i]))){
			index=i;
			break;
		}
	}
	
	switch(arg[index]){
		case "+":
			var res=0;
			for(var i=0;i<arg.length;i++){
				if(i==index){ 	continue;
				}else{ res+=arg[i]
					}
				}	
			}
				break;	
	
			
	case "-":
			var res;
			var flag=true;
			for(var i=0;i<arg.length;i++){
				if(i==index){ 				
				continue;
				}
			
			if(flag){ 
				res=arg[i];
				flag=false;
				continue;
				}	
			
			res-=arg[i];	
			break;
			}

	///乘法除法省略。。


}

		// 循环点击某值。把类都设置成一个class
		for(var i=0;i<c.length;i++){
			c[i].onclick = function(){	
			}
		}