js中获取浏览器和屏幕高度

Javascript:

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高）alert(document.body.clientWidth);        //网页可见区域宽(body)alert(document.body.clientHeight);       //网页可见区域高(body)alert(document.body.offsetWidth);       //网页可见区域宽(body)，包括border、margin等alert(document.body.offsetHeight);      //网页可见区域宽(body)，包括border、margin等alert(document.body.scrollWidth);        //网页正文全文宽，包括有滚动条时的未见区域alert(document.body.scrollHeight);       //网页正文全文高，包括有滚动条时的未见区域alert(document.body.scrollTop);           //网页被卷去的Top(滚动条)alert(document.body.scrollLeft);           //网页被卷去的Left(滚动条)alert(window.screenTop);                     //浏览器距离Topalert(window.screenLeft);                     //浏览器距离Leftalert(window.screen.height);                //屏幕分辨率的高alert(window.screen.width);                 //屏幕分辨率的宽alert(window.screen.availHeight);          //屏幕可用工作区的高alert(window.screen.availWidth);           //屏幕可用工作区的宽

Jquery

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

js中获取浏览器和屏幕高度相关推荐

java中如何设置浏览器宽度_[Java教程]关于JS中获取浏览器高度和宽度值的多种方法(多浏览器)_星空网...
关于JS中获取浏览器高度和宽度值的多种方法(多浏览器) 2017-08-07 0 三种浏览器获取值方法 IE中: document.body.clientWidth ==> BODY对象宽度 d ...
js监听html页面大小变化,js实时获取浏览器窗口大小
js实时获取浏览器窗口大小,我们可以使用addEventListener()方法来实现.该addEventListener()方法可以注册事件处理程序以侦听浏览器窗口resize事件,例如window ...
js中获取元素的当前位置
js中获取当前位置有如下几种方法: event.offsetX, (IE属性,测试都可以使用) event.offsetY, (IE属性,测试都可以使用) event.clientX, e ...
AS：Flash AS3中获取浏览器信息及URL相关参数（并非swf url地址）
原文链接:AS:Flash AS3中获取浏览器信息及URL相关参数(并非swf url地址) 好久没来这里了,最近发现网络上对此类信息的封装少的可怜,没有一个是比较完整的,今天又是周未,不敲点代码手痒 ...
关于js中获取div中的数据
原文地址为: 关于js中获取div中的数据最近用js写了一个计算器的页面.基本上使用到了,ul li的几点用法.用来布局,并且创造出了很不错的鼠标悬停效果. 关于从中学到的知识: document ...
在js中获取input中的value
1.前提:我导入了这些js,不知道有没有依赖作用 <script type="text/javascript" src="js/jquery-3.3.1.js&qu ...
鸿蒙开发-在JS中获取hml页面中Input输入的值
场景鸿蒙基于JS搭建HelloWorld并修改国际化文件: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118274050 在 ...
PHP/JS中获取当前页面的完整URL
PHP/JS中获取当前页面的完整URL javascript实现: top.location.href 顶级窗口的地址this.location.href 当前窗口的地址 php实现 PHP实现 #测 ...
如何在Node.js中获取本机本地IP地址
最近在做Cloud related的项目时,遇到一个问题,就是如何在Node.js中获取本机的IP地址.Node.js提供的API中,只能获取本机的hostname. os = require('os ...
uniapp微信小程序怎样获取宽高？获取系统信息？微信小程序获取用户手机屏幕高度与宽度信息等
第一种方案(推荐) "vw" = "view width" "vh" = "view height" 使用 CSS3 引 ...

js中获取浏览器和屏幕高度

js中获取浏览器和屏幕高度相关推荐

最新文章

热门文章