10.24JS日记

1、函数都有返回值，人为return，返回什么就是什么，否则，他的返回值就是undefined

而方法的本质也是函数，所以也有返回值

document.getElementById()返回的是获取的标签

document.getElementsClassName()返回的是一个数组集合

document.getElementsTagName()返回的是一个数组集合

选中一个元素修改他的内容（上边三个）

document.getElementsByClassName("name")[0].innerHTML="hahahh";这句话的意思

是选中一个所有用class起一个名字的元素数组，并选中数组中的第一个叫做这个名字的标签，给它

修改内容为hahahh。

2、改变标签的属性 元素.属性名

var pic=document.getElementsByTagName("img");

pic[0].src="路径src.jpg''

3、修改和添加css样式元素.style.width(css属性名)="属性值"；

var pic=documentByTagName("img");

pic[0].style.width="500px";

4、事件：用户在事件中所触发的行为

（1）点击 onclik

（2）鼠标进入 onmouseenter 鼠标离开onmouseleave

（3）鼠标移动 onmousemove

（4）鼠标悬浮 onmouseover 鼠标移除 onmouseout

（5）鼠标按下 onmousedown 鼠标抬起 onmouseup

（6）表单聚焦 onfocus 表单失去焦点 onblur

表单内容修改 onchange

（7）浏览器加载完成 onload

这些事件使用时必须跟一个函数配合使用

1）事件将事件当做标签属性使用 <img src="xx.jpg" onclik="alert(123)"/>

2)通过事件绑定，将事件当成一个元素的属性

特例：对于class，html中的class在js中是关键字，获取class这个属性时必须使用clssName来获取或修改

pic[0].onlick=function(){

　　pic[0].className="pic"

}

5、JS中的for循环没有关系都是互相独立的

*解决10.24案例中的i和for匹配的问题

方法一：给事件套用一个自调用函数

for( var i=0;i<arr.length;i++){

　　(function(i){

　　　　　　　　lis[i].onlick=function(){

　　　　　　　　　　　　tupian.src=arr[i]

　　　　　　　　　　}

　　})

}

方法二：人为定义属性，将索引存在属性里，需要的时候调用属性（this）

for( var i=0,i<arr.length,i++){

　　人为定义一个属性，来存储for循环的i

　　lis[i].index=i;

　　lis[i].onlick=function(){

　　　　tupian.src=[this.index]

　　}

*this

this是js的一个关键字，它是一个对象，一般用在函数里用于指向函数内部的关系

div.onlick=function(){this}

如果函数在定义的时候前面有，那么this就指向点前面的对象，如果函数定义的时候没有对象，那么this就是window

巴特西

10.24JS日记

最新文章

热门文章