zoukankan      html  css  js  c++  java
  • jquery、js获取页面高度宽度等

    jquery获取页面高度宽度

    //获取浏览器显示区域(可视区域)的高度 :   
    $(window).height();   
    //获取浏览器显示区域(可视区域)的宽度 :
    $(window).width();   
    //获取页面的文档高度   
    $(document).height();   
    //获取页面的文档宽度 :
    $(document).width(); 
    //浏览器当前窗口文档body的高度:  
    $(document.body).height();
    //浏览器当前窗口文档body的宽度: 
    $(document.body).width();
    //获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)  
    $(document).scrollTop();   
    //获取滚动条到左边的垂直宽度 :
    $(document).scrollLeft(); 
    //获取或设置元素的宽度:
    $(obj).width();
    //获取或设置元素的高度:
    $(obj).height();
    

      js获取页面高度宽度

    网页可见区域宽:document.body.clientWidth
    网页可见区域高:document.body.clientHeight
    网页可见区域宽:document.body.offsetWidth(包括边线的宽)
    网页可见区域高:document.body.offsetHeight(包括边线的宽)
    网页正文全文宽:document.body.scrollWidth
    网页正文全文高:document.body.scrollHeight
    网页被卷去的高:document.body.scrollTop(IE7无效)
    网页被卷去的左:document.body.scrollLeft(IE7无效)
    
    网页被卷去的高:document.documentElement.scrollTop(IE7有效)
    
    网页被卷去的左:document.documentElement.scrollLeft(IE7有效)
    网页正文部分上:window.screenTop
    网页正文部分左:window.screenLeft
    屏幕分辨率的高:window.screen.height
    屏幕分辨率的宽:window.screen.width
    屏幕可用工作区高度:window.screen.availHeight
    屏幕可用工作区宽度:window.screen.availWidth
    
    相对于窗口左上角的X:window.event.clientX
    
    相对于窗口左上角的Y:window.event.clientY
    相对于整个页面的X:window.event.X
    相对于整个页面的Y:window.event.Y
    

      

  • 相关阅读:
    loadrunner获取Http信息头中指定值作为参数
    soapUI使用-DataSource获取oracle库中的参数
    [转]vim编辑器---批量注释与反注释
    String() 函数把对象的值转换为字符串。
    自定义滚动条mCustomScrollbar
    css实现强制不换行/自动换行/强制换行
    在网页中添加新浪微博“加关注”按钮
    移动前端调试方案(Android + Chrome 实现远程调试)
    font-family
    移动端touch事件滚动
  • 原文地址:https://www.cnblogs.com/klbc/p/5489717.html
Copyright © 2011-2022 走看看