js获得页面的高度和宽度的方法


Posted in Javascript onFebruary 23, 2014

今天在做一个弹出dialog时,遇用到了取父页面的宽度和高度的方法。

尝试了几种方式,比如document.body.clientWidth,window.screen.width,document.body.scrollWidth等方法之后,发现都不是我想要的结果,后来发现了一个高效的方法,立刻大家分享之:

在需要取高度和宽度的地方加断点调试【debugger】,然后在监控页面里面输入document.body,查看所有body的属性看看哪个结果是自己需要的,如果没有适合还可以输入window,然后看看window下是否有适合的属性,今天我的问题解决就是通过这种方式解决的,属性是window.innerWidth和window.innerHeight。

希望大家遇到此类问题的时候能少走弯路。

Javascript 相关文章推荐
javascript prototype,executing,context,closure
Dec 24 Javascript
Extjs gridpanel 出现横向滚动条问题的解决方法
Jul 04 Javascript
JQuery入门——用bind方法绑定事件处理函数应用介绍
Feb 05 Javascript
jquery ui对话框实例代码
May 10 Javascript
thinkphp实现无限分类(使用递归)
Dec 19 Javascript
jQuery unbind 删除绑定事件详解
May 24 Javascript
使用JavaScript实现弹出层效果的简单实例
May 31 Javascript
JavaScript获取css行间样式,内连样式和外链样式的简单方法
Jul 18 Javascript
解决canvas画布使用fillRect()时高度出现双倍效果的问题
Aug 03 Javascript
关于JSON解析的实现过程解析
Oct 08 Javascript
手把手带你入门微信小程序新框架Kbone的使用
Feb 25 Javascript
Vue全局使用less样式,组件使用全局样式文件中定义的变量操作
Oct 21 Javascript
使用js判断当前时区TimeZone是否是夏令时
Feb 23 #Javascript
js获得当前时区夏令时发生和终止的时间代码
Feb 23 #Javascript
js 金额格式化来回转换示例
Feb 23 #Javascript
js实现连个数字相加而不是拼接的方法
Feb 23 #Javascript
jquery $("#variable") 循环改变variable的值示例
Feb 23 #Javascript
用JQuery实现全选与取消的两种简单方法
Feb 22 #Javascript
jquery实现checkbox 全选/全不选的通用写法
Feb 22 #Javascript
You might like
火车采集器 免费版使出收费版本功能实现原理
2009/09/17 PHP
Symfony生成二维码的方法
2016/02/04 PHP
提交表单后 PHP获取提交内容的实现方法
2016/05/25 PHP
微信公众号模板消息群发php代码示例
2016/12/29 PHP
Swoole实现异步投递task任务案例详解
2019/04/02 PHP
php时间戳转换代码详解
2019/08/04 PHP
关于Curl在Swoole协程中的解决方案详析
2019/09/12 PHP
laravel 时间格式转时间戳的例子
2019/10/11 PHP
JavaScript中两个感叹号的作用说明
2011/12/28 Javascript
javascript学习笔记(七) js函数介绍
2012/06/19 Javascript
事件冒泡是什么如何用jquery阻止事件冒泡
2013/03/20 Javascript
jQuery中noconflict函数的实现原理分解
2015/02/03 Javascript
Es6 写的文件import 起来解决方案详解
2016/12/13 Javascript
如何让你的JS代码更好看易读
2017/12/01 Javascript
全面了解JavaScript的作用域链
2019/04/03 Javascript
vue-cli基础配置及webpack配置修改的完整步骤
2019/10/20 Javascript
[01:43]倾听DOTA2英雄之声 魅惑魔女国服配音鉴赏
2013/06/06 DOTA
[02:29]完美世界高校联赛上海赛区回顾
2015/12/15 DOTA
python翻译软件实现代码(使用google api完成)
2013/11/26 Python
python中的lambda表达式用法详解
2016/06/22 Python
利用Python脚本生成sitemap.xml的实现方法
2017/01/31 Python
Django使用paginator插件实现翻页功能的实例
2018/10/24 Python
python3通过selenium爬虫获取到dj商品的实例代码
2019/04/25 Python
在Python中COM口的调用方法
2019/07/03 Python
使用Python刷淘宝喵币(低阶入门版)
2019/10/30 Python
TensorFlow基本的常量、变量和运算操作详解
2020/02/03 Python
关于Python 中的时间处理包datetime和arrow的方法详解
2020/03/19 Python
Python中如何引入第三方模块
2020/05/27 Python
GNC健安喜美国官网:美国第一营养品牌
2016/07/22 全球购物
马德里运动鞋商店:Nigra Mercato
2020/02/16 全球购物
介绍一下代理模式(Proxy)
2014/10/17 面试题
教师四风问题对照检查材料
2014/09/26 职场文书
2015自愿离婚协议书范本
2015/01/28 职场文书
因身体原因离职的辞职信范文
2015/05/12 职场文书
运动会新闻报道稿
2015/07/22 职场文书
Vue中Object.assign清空数据报错的解决方案
2022/03/03 Vue.js