js动态获取页面高度

原创 2016年05月31日 14:36:48


最近写项目写一个弹框后面的遮罩层。

$(".loading_mask").css({ 

"height": document.documentElement.clientHeight,

 "width":  document.documentElement.clientWidth 

});

看到推酷里面的一位前辈总结的经验:http://www.tuicool.com/articles/mIFvie。

很多时候我们只需要一个结果:

最后,

综上所述,在我们要获取文档实际高度时,最好用document.documentElement.scrollHeight。

在我们要获取视口实际高度时,用document.documentElement.clientHeight。

$(".loading_mask").css({ 

"height":$(document).height()//浏览器当前窗口文档高度

 "width":  $(document).width()

}); 


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



版权声明:本文为博主原创文章,未经博主允许不得转载。

js获取页面宽度高度及屏幕分辨率

js获取页面宽度高度及屏幕分辨率

jQuery,javascript获得网页的高度和宽度

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

web开发中获取的各种高度和宽度

前端开发中经常需要获取页面还有屏幕的高度和宽度进行计算,此文即介绍如何用 JavaScript 还有 jQuery 获取这些尺寸.1.简介一个页面显示在浏览器内,浏览器又放置在屏幕窗口内,所以由里向外...
  • gs6511
  • gs6511
  • 2016年12月28日 00:12
  • 1403

一些常用的获取页面高度和宽度的js用法

在开发中,经常会用到页面或者页面某一部分的高度和宽度,网上答案很多,我在这里也整理了一些常用的获取高度和宽度的js用法,供开发者参考...

js获取网页各种宽高

function getInfo()  {  var s = "";  s += " 网页可见区域宽:"+ document.body.clientWidth;  s += " 网页可见区域高:"+ ...

javascript 获取滚动条高度+常用js页面宽度与高度

/******************** * 取窗口滚动条高度  ******************/function getScrollTop(){    var scrollTop=0;   ...
  • ityuany
  • ityuany
  • 2009年11月30日 17:09
  • 72720

js实时获取窗口大小变化

代码实例:$(window).resize(function(){ var Height = $(window).height(); var Width = $(window).wi...

JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度

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

js或jQuery获取当前屏幕的各种高度

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

JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度

alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()); //浏览器时下窗口文档的高度 alert...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js动态获取页面高度
举报原因:
原因补充:

(最多只允许输入30个字)