【第22期】观点:IT 行业加班,到底有没有价值?

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



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

相关文章推荐

css获取屏幕高度、宽度

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

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

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

html+css清楚浮动3种方法,父级div获取高度

1、父级div中 :                     overflow:auto;自适应高度 (必须定义width,或zoom:1,同时不能定义height;内部宽高超出父级时,会出现滚动条)...

CSS 如何让 height:100%; 起作用

当你设置一个页面元素的高度(height)为100%时,期望这样元素能撑满整个浏览器窗口的高度,但大多数情况下,这样的做法没有任何效果。你知道为什么height:100%不起作用吗? 按常理,当...

javascript获取设置div的高度和宽度

Javascript如何获取和设置div的高度和宽度,并且兼容任何浏览器?看代码: http://www.itdos.com http://www.itdos.com 获取div1的...

js获取网页和元素的宽度、高度

网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid...
  • jumtre
  • jumtre
  • 2015-11-12 10:56
  • 3485

js获取网页各种宽高

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

获取浏览器高度

获取浏览器高度 获取浏览器可视区域的高度$(window).height(); //Cross browser gets the size of Visual area window,Have not...

js获取页面及个元素高度、宽度

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

Javascript操作CSS之3——获取元素的真实高度和宽度

元素的真实高度可以用getStyle(获取元素属性的方法)求的,但是还要考虑到元素的隐藏等原因,因此需要一个通用的办法。function getFullHeight(elem){if (getStyl...
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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