자주 사용하는 속성 호환성 메모

2450 단어 호환성
일부 호환적인 문법은 늘 잊어버리기 때문에, 지금은 어쩔 수 없이 붙여서 잊어버리기를 표시해야 한다.
1.scrollTop(스크롤 막대 높이)
window.onscroll=function()

    {

        //alert( document.body.scrollTop);// chrom

        alert( document.documentElement.scrollTop);//ff,ie

    };

 
2.document.documentElement.clientHeight(가시 영역 높이, 모두 호환)
 
3. 입력 검사
i: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

좋은 웹페이지 즐겨찾기