常用的属性兼容性备忘

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

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

你可能感兴趣的:(兼容性)