常用的属性兼容性备忘

有一些兼容性的写法老忘记，现在只好贴出来，以示备忘。

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

posted @ 2015-01-07 15:44  马斯塔  阅读(246)  评论(0)  编辑  收藏  举报