4.别用那么多个var,一个加逗号就搞定了
var a =1; var b = 1; var c =1; 代码长,性能差 拆成 var a=1, b=1, c=1;
5.innerHTML是最好的选择
往元素添加元素时,最好用innerHTML
6.ie的removeChild不好用
一般咱们删除一个元素会用
elm.removeChild(subElm)
这个在ie下不好用,因为在ie下这个只是把这个元素从dom树中断开了,但并没用真正删除,它现在变成了孤立的节点了,要想真正删除,可以这样
var ryc = document.createElement('div'); div.appendChild(subElm); div.innerHTML = ''; div = null;
这样就真的删除了,除了ie外别的都可以用removeChild达到效果
7.为多个同级元素绑定事件时,不用为每个都绑定,为他们的父级绑定就行了 比如
<ul id="a"> <li>sdf</li><li>sdf</li><li>sdf</li><li>sdf</li><li>sdf</li><li>sdf</li> </ul>
可能你要为每个li添加click
为每个添加那可繁琐且容易出现溢出(ie)
其实只要为 ul一个添加就行了,因为事件是冒泡向上的
var ul = document.getElementById('a'); ul.onclick = function (e){ !e&&(e=event); var target = e.srcElement||e.target; if(target.tagName=='LI'){ //your code } }
出处:蓝色理想
责任编辑:bluehearts
上一页 js优化 [1] 下一页 js优化 [3]
◎进入论坛网页制作、WEB标准化版块参加讨论,我还想发表评论。
|