BOM常用事件

BOM常用事件

---

• window.onload
• window.onscroll
  • 滾動距離
    • 谷歌瀏覽器 document.body.scrollTop
    • ie，火狐瀏覽器 document.documentElement,scrollTop
• window.onresize
  • 可視區尺寸
    • document.documentElement.clientWidth
    • document.documentElement,clientHeight

    <div style="height: 2000px;background-color: red;"></div>
    <script>
        window.onload = function(){
            window.onscroll=function(){
                if(document.body.scrollTop){
                    console.log(document.body.scrollTop)
                }else{
                    console.log(document.documentElement.scrollTop)
                }
            }
        }
        window.onresize = function(){
            console.log(document.documentElement.clientHeight)
        }
    </script>