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
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。