网页制作代码经验总结:JS代码优化(2)

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
                }
        }