页面中的宽高

<body>
        <pre>
            <div>
                可视区宽高
                    document.documentElement.clientWidth;
                    document.documentElement.clientHeight;
                浮动条/*谷歌对body*/
                    document.documentElement.scrollTop;
                    document.documentElement.scrollLeft;
                    var scrollTop = document.documentElement.clientWidth||document.body.clientWidth;
                内容高/*obj盒子内元素实际宽高*/    
                    obj.scrollWidth;
                    obj.scrollHeight;
                文档高度
                    document.body.offsetWidth;
                    document.body.offsetHeight;
                    <a href="08-数据操作&弹出层提示/index.html">综合实例</a>
            </div>
            <div>
                事件
                    onscroll:滚动条滚动时触发
                    onresize:当窗口大小发生改变时触发
                    <a href="07-两侧广告居中.html">实例</a>
                    <a href="06-JS实现回到顶部.html">实例</a>
            </div>
        </pre>
    </body>

 

posted @ 2016-05-26 16:39  河蟹彡  阅读(119)  评论(0编辑  收藏  举报