JS获取屏幕浏览器网页高度和宽度属性
1 网页可见区域宽:document.body.clientWidth 2 网页可见区域高:document.body.clientHeight 3 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 4 网页可见区域高:document.body.offsetHeight (包括边线的宽) 5 网页正文全文宽:document.body.scrollWidth 6 网页正文全文高:document.body.scrollHeight 7 网页被卷去的高:document.body.scrollTop 8 网页被卷去的左:document.body.scrollLeft 9 网页正文部分上:window.screenTop 10 网页正文部分左:window.screenLeft 11 屏幕分辨率的高:window.screen.height 12 屏幕分辨率的宽:window.screen.width 13 屏幕可用工作区高度:window.screen.availHeight 14 屏幕可用工作区宽度:window.screen.availWidth 15 16 17 HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth 18 scrollHeight: 获取对象的滚动高度。 19 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 20 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 21 scrollWidth:获取对象的滚动宽度 22 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 23 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 24 offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 25 event.clientX 相对文档的水平座标 26 event.clientY 相对文档的垂直座标 27 event.offsetX 相对容器的水平坐标 28 event.offsetY 相对容器的垂直坐标 29 document.documentElement.scrollTop 垂直方向滚动的值 30 event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量 31 32 IE,FireFox 差异如下: 33 34 IE6.0、FF1.06+: 35 36 clientWidth = width + padding 37 38 clientHeight = height + padding 39 40 offsetWidth = width + padding + border 41 42 offsetHeight = height + padding + border 43 44 IE5.0/5.5: 45 clientWidth = width - border 46 47 clientHeight = height - border 48 49 offsetWidth = width 50 51 offsetHeight = height 52 53 (需要提一下:CSS中的margin属性,与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)
转载于:https://www.cnblogs.com/sirius-cg/archive/2012/05/18/2507599.html
JS获取屏幕浏览器网页高度和宽度属性相关推荐
- js获取当前浏览器页面高度及宽度信息的方法
function getInfo() { var s = ""; s += " 网页可见区域宽:" ...
- js获取页面的各种高度与宽度
document.body.scrollTop等属性可以获取页面滚动距离等,但是此类属性在xhtml标准网页或者更简单的说是带<!DOCTYPE ..>标签的页面里得到的结果是0, 所以一 ...
- JS 获取屏幕页面的高度,根据设置容器高度来展示页面
最近公司有需求说客户的屏幕分辨率很大,导致页面显示高度老缺失下面一大截.对这个问题就行一个问题的解决. 屏幕信息: screen.height // 屏幕的高度 screen.width // 屏幕宽 ...
- 关于使用“JS获取屏幕,浏览器,网页高度宽度”的个人思考
在js开发中免不了获取屏幕或文档的宽度高度问题.今天在搜索引擎中搜索时,看到最多的就是这篇文章 这张图片已经被转载了很多了,我想说的是,在转载之前能否先思考下,是否完全懂了,而不是囫囵吞枣(虽然我也记 ...
- html2canvas 一个强大的使用js开发的浏览器网页截图工具
html2canvas是一个JavaScript类库,它使用了html5和css3的一些新功能特性,实现了在客户端对网页进行截图的功 能.html2canvas通过获取页面的DOM和元素的样式信息,并 ...
- php获取div高度,JS获取一个未知DIV高度的方法
本文实例讲述了JS获取一个未知DIV高度的方法.分享给大家供大家参考,具体如下: 通过元素的clientHeight属性能够得到元素的高度,如:var height = element.clientH ...
- JS获取整个HTML网页代码 - Android 集美软件园 - 博客频道 - CSDN.NET
JS获取整个HTML网页代码 - Android 集美软件园 - 博客频道 - CSDN.NET JS获取整个HTML网页代码 分类: Android提高 2012-01-12 23:27 1974人 ...
- php如何让图片铺满屏幕,如何解决js获取屏幕大小并且让图片自适应的方法
在写h5页面的时候,经常会需要将图片自适应大小,一般都是用等比例的缩放,这就有个问题,当上传的图片不是一个规格时就会出现展示图片不完美. 为了解决这个问题,我们可以通过js去获取图片的大小,然后在根据 ...
- php自动适应屏幕大小,如何解决js获取屏幕大小并且让图片自适应的方法
在写h5页面的时候,经常会需要将图片自适应大小,一般都是用等比例的缩放,这就有个问题,当上传的图片不是一个规格时就会出现展示图片不完美. 为了解决这个问题,我们可以通过js去获取图片的大小,然后在根据 ...
最新文章
- usaco Mixing Milk
- 搭建hbase1.2.5完全分布式集群
- android Unable to add window -- token null is n...
- SpringBoot Actuator监控【转】
- 写python程序用什么软件最好-Python必学之编译器用哪个好?你用错了吧!
- 图像处理之应用篇-大米计数续
- python手机端编程环境_移动端自动化测试解决方案(Appium + Python) - (1) 环境搭建...
- 用Python把github上非常实用的数据全部抓取下来! 留给自己备用
- Bayesian Personalized Ranking
- 抽象类实现接口,子类继承抽象类,这三个之间的关系?
- python连接阿里云服务器_阿里云服务器python
- android获取电话通话记录,Android获取手机通话记录
- 当幸福来敲门 经典语录
- 无需Root也能使用Xposed!
- C++设计模式17:中介者模式
- potplayer录制视频包含字幕
- 富士通笔记本最新系统恢复方法——系统工具恢复
- 把视频里的音乐提取成音频,我可以帮助你
- 如何把FLAC+CUE刻录成CD
- 卸载计算机程序有几种方法,电脑上如何卸载软件 卸载软件的三个办法
热门文章
- 接口入口在什么地方_弱电工程施工图审查要点?有哪些地方需要审核?审核要求是什么?...
- python 坐标轴 单位刻度_Python学习笔记(matplotlib篇)--坐标轴刻度
- 【C语言】你可能对 sizeof() 有点误解。。。
- ProtoBuff3.0.0在Ubuntu上安装
- 视频光端机使用、保养与维护方法详解
- 工业以太网交换机的安全问题详解
- [渝粤教育] 苏州大学文正学院 网络互联技术与实践 参考 资料
- 【渝粤教育】国家开放大学2018年春季 0105-21T酒店营销实务 参考试题
- 【渝粤题库】陕西师范大学201281 民法作业
- php 获取文件最后几行,php获取文件的最后N行数据