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



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

相关文章推荐

jquery实现iframe自适应子页面高度

scrolling="no" frameborder="no" width="100%" onLoad="reinitIframeEND();">         ...

10个方法帮你搞定Web设计风格指南

为了确保整个团队在设计网站各个组成部分或在改善开发人员设计成果时彼此之间能够充分协调一致,你需要编写一份设计文档或Web设计风格指南作为指导。 风格指南能够保证不同的页面共同拥有一套核心的体验效...

真正的iframe 自适应高度,动态高度 js

百度搜索出来一大堆文章,我看了下没有一个合意的,什么叫动态?就是iframe加载的时候高度慢慢变啊,用户看到了才知道你的内容慢慢加载啊。网上说的都是在onload里设置高度,可是onload是加载完毕...

真正的让iframe自适应高度 兼容多种浏览器随着窗口大小改变

今天有朋友问到我关于“iframe自适应高度”的问题,原本以为是很简单的问题,没想到折腾了20分钟才搞定。期间遇到几个问题,要么是高度自适应了,但是当窗口改变时会出现滚动条。也就是当窗口放大时ifra...

DB2 中很有帮助的一个函数 replace

values char(replace(ABCD,A,OPMN))   返回的结果就是OPMNBCDupdate act set actdesc=replace(actdesc,D,W) where ...

js获取显示器、页面等高度

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

在ie, firefox, chrome上用js 获取页面的高度

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

JS获取页面高度方法小结

/* document.body是为了兼容chrome浏览器 */ //获取到滚动条距可视页面顶部的位置 function getScrollTop(){ var scrollTop = 0; /...

js、jQuery获取页面中的各种宽度和高度

在JavaScript和jQuery中,对获取各种高度和宽度都有定义方法和属性,下面我们主要来说明一下获取窗口和文档的高度(宽度与高度相同)。jQuery中的方法 $(document).hei...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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