js 获取浏览器高度和宽度值(兼容多浏览器)
IE中:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
FireFox中:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
Opera中:
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
没有定义W3C的标准,则
IE为:
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
FireFox为:
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
Opera为:
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
网页可见区域宽: 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
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX 相对文档的水平座标
event.clientY 相对文档的垂直座标
event.offsetX 相对容器的水平坐标
event.offsetY 相对容器的垂直坐标
document.documentElement.scrollTop 垂直方向滚动的值
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量
js 获取浏览器高度和宽度值(兼容多浏览器)相关推荐
- 编辑器js获取浏览器高度和宽度值(转)
js获取浏览器高度和宽度值 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: docume ...
- java中如何设置浏览器宽度_[Java教程]关于JS中获取浏览器高度和宽度值的多种方法(多浏览器)_星空网...
关于JS中获取浏览器高度和宽度值的多种方法(多浏览器) 2017-08-07 0 三种浏览器获取值方法 IE中: document.body.clientWidth ==> BODY对象宽度 d ...
- js 获取浏览器高度和宽度值
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.d ...
- js 获取浏览器高度和宽度值(多浏览器)
IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 documen ...
- js获取网页高度和宽度(备份)
网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offset ...
- js获取页面高度和宽度
var winHeight = window.innerHeightvar winWidth = window.innerWidthconsole.log("页面高度:",winH ...
- JS 获取指定时间的时间戳(兼容各个浏览器)
需求:后台返回一个时间,前端需要转换为时间戳再使用 后台可能返回的时间格式有: 格式一:time = "Wed Jun 10 2021 15:00:00 GMT+0800" 格式二 ...
- JS获取各种屏幕的宽度和高度
JS获取各种屏幕的宽度和高度 描述 用法 网页可见区域宽 document.body.clientWidth 网页可见区域高 document.body.clientHeight 网页可见区域宽 do ...
- 在html上js添加宽度,js 获取div高度并重新设置div高度与宽度
js 获取div高度并重新设置div高度与宽度 js 获取div高度并重新设置div高度与宽度 var $=function(id) { return document.getElementById( ...
最新文章
- esp32 python-ESP32及其开发板介绍
- Leaflet中使用Leaflet-echarts3插件实现航班航线动态模拟
- php simpledateformat,Java中SimpleDateFormat的用法介绍(代码示例)
- 滚动条加载功能实现(懒加载)
- 读取当前linux进程内存_(笔记)Linux上的内存分配
- RabbitMQ消息队列应用
- cad动态块制作翻转_定制橱柜家具中CAD门型动态块制作方式图文讲解加视频
- python爬虫进阶教程:百万英雄答题辅助系统
- spring boot定时任务解析
- 关于如何获得网站集宿主网站集地址的问题
- 如何让电脑开机自启动程序
- 撤销本地的commit
- python装饰器详解-如何理解Python装饰器?
- QPSK调制解调原理(IQ调制)
- 文件转换swf/flv
- 【基础入门题048】骰子游戏(一)
- blankcount函数python,统计函数第五讲:计数函数COUNT和COUNTBLANK
- java8新特性stream流
- 六轴机器人控制系统软件设计
- UVa1218完美的服务
热门文章
- 【数字几何处理】参数化:Tutte‘s embeddingLeast Squares Conformal Mappings 源码+介绍
- dB,dBi, dBd, dBc,dBm,dBw释义及区别
- 加油站爆出注水汽油 豪车熄火
- 【MySQL 8.0 OCP 1Z0-908认证考试】 题库精讲--第二讲mysql主从
- mcp25625 CAN控制嚣
- java final成员变量吗_阳光沙滩博客-为什么Java匿名内部内使用局部变量需要加final?而访问成员变量却不用加final呢?...
- vue+ elementUI使用el-autocomplete从远程实时查询
- 在即将欢度春节的日子里,七大姑八大姨们问我程序员是啥子,我应该怎么介绍?
- 中间件-MyCat学习笔记
- 架也不吵了!谷歌大脑、DeepMind团结对抗OpenAI