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
    

      

  • 相关阅读:
    Django学习日记-06新url多对多表添加 编辑操作
    Django学习日记-05Ajax一对多添加 编辑操作
    Django学习日记-04Ajax单表操作编辑部分和js阻止
    Django学习日记-03单表-模态对话框的Ajax和新URL
    Django学习日记-02简单的模板渲染
    都2020年了,还问GET和POST的区别
    以面象对象的思想来操作SQL
    tcp-server--循环为多个客户端提供服务
    socket-udp
    第六周-第06章节-Python3.5-类变量的作用及析构函数
  • 原文地址:https://www.cnblogs.com/klbc/p/5489717.html
Copyright © 2011-2022 走看看