Javascript:

网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕分辨率的高: window.screen.height
屏幕分辨率的宽: window.screen.width
屏幕可用工作区高度: window.screen.availHeight
屏幕可用工作区宽度: window.screen.availWidth

JQuery:

$(document).ready(function(){
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的宽度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

})

获取web页面的宽度和高度相关推荐

  1. JS获取各种屏幕的宽度和高度

    JS获取各种屏幕的宽度和高度 描述 用法 网页可见区域宽 document.body.clientWidth 网页可见区域高 document.body.clientHeight 网页可见区域宽 do ...

  2. php 图片获得大小,PHP获取一张图片的宽度和高度大小 并裁切图片

    时间:2018-11-04 概述:图片剪切 这个PHP技巧主要测试PHP对图片的处理能力,打开一张图片,并获取这张图片的宽度和高度是多少,另外尝试将一张图片裁切: $sourceImage = &qu ...

  3. javascript获取屏幕的可用宽度和高度

    说明 获取屏幕的可用宽度和高度 示例 <!DOCTYPE html> <html> <head><meta charset="utf-8" ...

  4. Android在OnCreate中获取控件的宽度和高度

    在Android中,有时需要对控件进行测量,得到的控件宽度和高度可以用来做一些计算.在需要自适应屏幕的情况下,这种计算就显得特别重要.另一方便,由于需求的原因,希望一进入界面后,就能得到控件的宽度和高 ...

  5. 获取自定义组件的宽度和高度

    在获取wpf自定义组件的宽度和高度的时候,如果直接在InitializeComponent();后面用this.Width,和this.ActualWidth会得到Nan和0,因为组件还没有被计算大小 ...

  6. html页面宽度和高度,页面布局宽度和高度 网页设计合适的页面尺寸是多少

    首先打开一篇文档,在功能区选择"布局". 在布局的页面设置功能区,点击页面设置右下角的小按钮打开详细设置.页面设置里面有设置纸张大小的快捷设置,但是功能不全. word页面高度和宽 ...

  7. js 获取浏览器屏幕的宽度和高度

    分两种: 不包括滚动条和工具栏的宽度或高度: window.innerWidth; // 宽window.innerHeight; // 高 就是红框内的部分: 包括滚动条和工具栏的宽度或高度: wi ...

  8. js获取屏幕、浏览器、页面的宽度和高度

    介绍 容器的尺寸是指当前分辨率下的高度和宽度(分辨率不同,值就不相同) 屏幕信息 screen.height:屏幕高度 screen.availHeight:屏幕可用宽度 screen.height ...

  9. JS,Jquery获取各种屏幕的宽度和高度

    Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document ...

最新文章

  1. android 防止截屏录屏
  2. numpy python2_python-numpy(2)
  3. 简单配置基于桥接,RIP,NAT,PAT的网络拓扑
  4. java多线程w3c_多线程
  5. python中的glob 模块学习文件路径查找
  6. 史上最全:PostgreSQL DBA常用SQL查询语句(建议收藏学习)
  7. 必背42个单词_高中英语必背100个常考单词,考试必考
  8. VMware虚拟机启动后出现黑屏,挂起关机无响应解决方案
  9. ubuntu安装libjasper.so.1,libpng12.so.0
  10. PythonServer
  11. GO、Rust这些新一代高并发编程语言为何都极其讨厌共享内存?
  12. cad转图片格式后不清晰怎么办?三步即可解决
  13. unity3d之角色的移动篇 -- 俯视视角下的键盘移动番外篇
  14. linux 拒绝访问文件夹,文件夹拒绝访问的原因与解决办法
  15. 【编程不良人】SpringSecurity实战学习笔记04---RememberMe
  16. 卸载了瑞星防火墙 感觉真是爽
  17. 聚焦应用场景,OriginOS全面焕新用户体验
  18. 为什么c语言加法错误,分数的加减法——C语言初学者代码中的常见错误与瑕疵(12)...
  19. 【剑指offer】解题思路 53-68
  20. 初始化交换文件的指令linux,思科nexus虚拟交换之开机初始化配置(Nexus7K、Nexus5K等)...

热门文章

  1. 使用umi快速搭建项目以及如何在umi中使用dva进行状态管理
  2. SpringMVC笔记-尚硅谷(杨博超)
  3. 敏捷迭代管理 --提测管理
  4. 【Linux_SVN忽略文件提交——已经存在仓库里面的文件夹怎么忽略提交】
  5. C#在VS中利用VisionPro库读取相机列表及取像
  6. Google Earth Engine(GEE)——月度降水和ndvi植被覆盖度相关性分析(墨西哥为例)
  7. 如何用计算机得出十三分之一,单片机原理及应用期末考试题试卷大全
  8. 阿里巴巴2020年研发实习生在线笔试题目
  9. 【专题1: MCU详解】 之 【1.3.嵌入式存储介质和启动详解】
  10. 利用opencv识别路标