js学习笔记.docx

分析：

1.js中的变量都是弱类型的变量，统一通过var关键字来定义变量。

2.varodiv1=document.getElementById（'div1'）这是定义变量，并将获取的元素赋值给他，后面修改元素的属性，就可以通过刚才定义的变量来调用相应的属性，修改其值。

3.注意传递参数时的格式，调用时实参的格式要格外注意。

实参都是用单引号括起来的，而形参在使用的时候是不需要用单引号括起来的。

4.上面程序定义了一个函数，将函数的值赋值给鼠标移入移出事件，函数中传递三个参数，通过改变三个函数的值来实现不同的效果。

Js中获取属性的方式有两种：

1.通过点来获取，如：

odiv1.style.background=color;

2.通过[]来获取，如：

odiv1.style[‘background’]=color;

两者的对比：

一般情况下我们都是用点来获取元素的属性。

但凡能用点来获取的都可以用[]来获取，[]也可以适用不知道要修改的属性是什么的情况，这种情况通常将要修改的属性作为函数的参数来传递，然后通过[]来获取修改。

当然我们也可以定义一个变量，将某个属性名称赋值给变量，然后在获取属性时，[]中只需要写上定义的变量就好了。

Js中的变量和字符串：

注意：

Js中的字符串都是需要加上单引号的，比如‘400px’等，相当于常量。

变量是不需要加上引号的，变量在使用前必须要先定义。

注意：

Js中style修改和添加的是行间的样式，也就是修改之后的样式他是添加在行间的。

clasName修改的是样式表中的样式，他的优先级要高于行间样式。

所以一般两者不要混着用就好了。

提取行间事件：

像上面这种onclick事件是加在行间的，一般简单的事件可以直接添加在行间，但是大多情况我们都是将事件添加在js中。

这样会避免一些麻烦，并且会使代码层次分明。

1.如何为元素添加事件：

doctypehtml>

varoBtn=document.getElementById（'btn1'）;//这一行是在获取元素

functionabc（）//创建一个函数

{

alert（'a'）;//函数的功能是弹出一个a。

}

oBtn.onclick=abc;//事件作为所获取的元素的属性来添加，并将一个函数作为事件的内容

分析：

（1）事件和元素的其他属性一样都可以在js中被添加，添加事件都是要执行一定的功能，所以他的值一般是一个函数。

（2）上面的程序我们发现js是添加在标签之内的，实际上我们一般情况并不是在标签之内添加js，具体请看下面的实例讲解。

对于上面的程序我们还可以做下面的修改：

window.onload=function（）//表示当页面加载完毕的时候执行下面的代码

{

varoBtn=document.getElementById（'btn1'）;

oBtn.onclick=function（）//在这里直接将匿名函数赋值给点击事件，省去了给函数取名的麻烦。

{

alert（'a'）;

}

}

解析：

（1）函数可以不取名字，这种函数叫做匿名函数，使用匿名函数给事件赋值可以省去取名字的麻烦。

（2）浏览器在解释执行代码的时候是从头到尾一步一步执行代码的，所以将js添加在里面有时会出现问题，所以我们通常将js添加在head里面。

Window.onload=function（）表示当页面加载完毕的时候执行函数当中的代码。

一般我们都是将js的代码写在上面的函数当中。

网页当中我们提倡行为（js），样式（css），结构（html）三者分离。

如何一次性获取多个元素：

当页面中有多个相同的标签时，我们如何一次性获取这多个标签？

实际上我们是通过document.getElementTagName（'标签名’）来获取多个元素的。

例子程序：

doctypehtml>

div{width:

200px;height:

200px;border:

1pxsolidred;float:

left;margin:

10px;}

分析：

上面的程序当中我们还用到了数组，循环的相关知识，这里就不多加分析了。

实例1：

常见的全选，不选和反选

doctypehtml>