js获得页面的高度和宽度的方法
更新时间：2014年02月23日 16:07:17 作者：
做一个弹出dialog时用到了取父页面的宽度和高度的方法,需要的朋友可以参考下
今天在做一个弹出dialog时，遇用到了取父页面的宽度和高度的方法。
尝试了几种方式，比如document.body.clientWidth，window.screen.width，document.body.scrollWidth等方法之后，发现都不是我想要的结果，后来发现了一个高效的方法，立刻大家分享之：
在需要取高度和宽度的地方加断点调试【debugger】，然后在监控页面里面输入document.body，查看所有body的属性看看哪个结果是自己需要的，如果没有适合还可以输入window，然后看看window下是否有适合的属性，今天我的问题解决就是通过这种方式解决的，属性是window.innerWidth和window.innerHeight。
希望大家遇到此类问题的时候能少走弯路。
尝试了几种方式，比如document.body.clientWidth，window.screen.width，document.body.scrollWidth等方法之后，发现都不是我想要的结果，后来发现了一个高效的方法，立刻大家分享之：
在需要取高度和宽度的地方加断点调试【debugger】，然后在监控页面里面输入document.body，查看所有body的属性看看哪个结果是自己需要的，如果没有适合还可以输入window，然后看看window下是否有适合的属性，今天我的问题解决就是通过这种方式解决的，属性是window.innerWidth和window.innerHeight。
希望大家遇到此类问题的时候能少走弯路。
相关文章
这篇文章主要介绍了JS实现的相册图片左右滚动效果,结合完整实例形式分析了javascript事件触发与页面元素属性动态变换的相关操作技巧,需要的朋友可以参考下2016-11-11
一直都是简单去js实现cookie的一些操作,今天把js对cookie操作系统的整理了一遍,包括:js读取cookie,js添加cookie,js删除cookie2012-12-12
埋点的意思是在你想要的数据节点出进行设置,可以方便进行采集,下面这篇文章主要给大家介绍了关于支付宝小程序从手动埋点到自动埋点的相关资料,需要的朋友可以参考下2022-03-03
JavaScript正则表达式exec/g实现多次循环用法示例
这篇文章主要介绍了JavaScript正则表达式exec/g实现多次循环用法,结合实例形式分析了javascript正则表达式g修饰符相关使用技巧,需要的朋友可以参考下2017-01-01
本文详细介绍了通过js+plupload实现了绕过服务器，向又拍云批量上传图片的解决方法，十分的巧妙，也节省了服务器资源，这里推荐给有需要的小伙伴。2014-12-12
这篇文章主要介绍了JavaScript随机打乱数组顺序之随机洗牌算法的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
这篇文章主要介绍了JS实现的简单鼠标跟随DiV层效果,涉及JavaScript基于时间函数动态操作页面元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
js中Array.sort()方法是用来对数组项进行排序的,默认是升序排列sort() 方法可以接受一个 方法为参数，这个方法有两个参数，接下来本例将对sort方法进行深入探讨，感兴趣的朋友可以参考下2013-02-02
这篇文章主要介绍了JavaScript File分段上传的相关资料,需要的朋友可以参考下2016-03-03
JavaScript默认的时间格式我们一般情况下不会用，所以需要进行格式化，下面小编给大家带来了三种js date对象格式化实例代码，需要的朋友参考下吧2017-09-09
最新评论