1.执行javascript 操作dom 文档对象的时候,js 要放在body的下方。
否则会找不到对象!!!!即要先加载dom才能操作dom!
2.操作dom 之后你的dom树的结构有可能会发生变化,继续按照原来的操作会报错!
确认dom 的结构,不要犯错特别是使用jquery的时候$(this)  $(this).sblings()继续点下去,要知道自己操作的到底是哪个dom 节点。
3.函数加()和不加() 的区别,加()是直接调用这个函数,不加是函数本身,下面看例子。

function func(){

return 1;

}

alert(func);

alert(func());

4.遍历集合绑定函数

var list=document.getElemntsByTagName("a");

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

list[i].onclick=function(){

list[i].style.color="fff";//注意执行的时候(点击元素),选择的是list[i] 的改变颜色,但是这时候循环早就执行完.

//i的值是list.length,所以你会找不到对象,要用this,还有一些情况要用到闭包。

}

}

5.一个html 的问题
<div width='100' height='100'></div>和

<div style="width='100' ;height='100';"></div>区别

html 的角度说不清楚

在js 中,第一个相当于 setAttribute('width',100);

第二个 相当于 style.width=100;

6.i++的问题

var i=1;
var b=i++ + ++i;//4
 i=1;
b=(i+1) +  i++;//3       ++i==(i+1),是成立的
重点不是玩什么i++ ,而是一个i++不是一个运算完成才+1 ,
而是碰到第一个运算符的时候就+ 了1 ,
i++ + 这时候i的值就是2了 ,!!

7.闭包
闭包原理是作用域的规则(下层级可以访问上一层级的作用域),再加上一个引用计数(如果被引用就不会被gc回收),使闭包里面的内容不被回收,达到了保存变量的作用。

function func(){

var count=1;

return function(){

count+=1;

alert(count);

}

}

//1

var add=func()

add();//2

add();//3

//2

func()();//2

func()();//2

为什么这两个不同?
func(),只被执行了一次。然后执行两次add(),那count的值就是只声明了一次。
var add=func(),函数func 只在这里执行了一次。
下面执行的都是add(),那第二次的count的值是从哪儿来的,没错它还是第一次执行add时,留下来的那个变量。
由于再次执行add()的时候,再次引用了第一次func()产生的变量count ,所以count没有被释放,第一次s(),count 的值为2,第二次执行add(),count的值再加1,自然就是3了。
第二种,是执行了两次func(),第二次没被引用,执行一次就直接释放掉。所以都是2


17岁AD想打职业
13 声望1 粉丝