有一些兼容性的写法老忘记，现在只好贴出来，以示备忘。
1.scrollTop(滚动条的高度)
window.onscroll=function() { //alert( document.body.scrollTop);//兼容chrom alert( document.documentElement.scrollTop);//ff,ie };
2.document.documentElement.clientHeight（可视区的高度，全部兼容）
3.输入检测
ie : onpropertychange : 输入连续触发 ff,chrom：oninput : 也是连续触发
window.onload = function(){
var ie = !-[1,];
if(ie){
oT.onpropertychange = toChange;
}
else{
oT.oninput = toChange;
}
}
function toChange() { alert(123); }
4.插入节点
obj.insertBefore(newNode,position);
obj，表示在哪里插入，newnode是新的节点，positin，就是插入节点的位置
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> </style> <script type="text/javascript"> window.onload=function () { var oUl=document.getElementById("list"); var oLi=document.createElement('li'); oLi.innerHTML='草莓'; oUl.insertBefore(oLi,oUl.children[3]); } </script> </head> <body> <ul id="list"> <li>香蕉</li> <li>苹果</li> <li>西瓜</li> <li>榴莲</li> </ul> </body> </html>
5.事件源
ie:srcElement,ff:target