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
    

      

  • 相关阅读:
    jquery同步请求
    js换空格为别的元素
    获取页面的checkbox,并给参数赋值
    jQuery判断checkbox是否选中的3种方法
    opencv基础知识------IplImage, CvMat, Mat 的关系和相互转换
    Opencv基础知识-----视频的读取和操作
    OpenCV 基础知识------图像创建、访问、转换
    windows消息钩子注册底层机制浅析
    Windows内核遍历驱动模块源码分析
    VC 快速创建多层文件夹
  • 原文地址:https://www.cnblogs.com/klbc/p/5489717.html
Copyright © 2011-2022 走看看