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
    

      

  • 相关阅读:
    Class:向传统类模式转变的构造函数
    连载:面向对象葵花宝典:思想、技巧与实践(34)
    Java Web文件下载
    POJ 1469(裸二分匹配)
    查看程序占用tomcat内存情况
    《对象程序设计》课程 课程设计、考试安排 及 教师建议(2014.06.30修正)
    zoj 1880
    STM8S PWM 应用 呼吸灯
    Android开发系列(二十四):Notification的功能与使用方法
    HDU 4499 Cannon (暴力搜索)
  • 原文地址:https://www.cnblogs.com/klbc/p/5489717.html
Copyright © 2011-2022 走看看