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的目的分析
Jan 05 Javascript
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
Aug 24 Javascript
JavaScript字符串插入、删除、替换函数使用示例
Jul 25 Javascript
jQuery实现带渐显效果的人物多级关系图代码
Oct 16 Javascript
javascript中Date format(js日期格式化)方法小结
Dec 17 Javascript
JS中检测数据类型的几种方式及优缺点小结
Dec 12 Javascript
Bootstrap实现提示框和弹出框效果
Jan 11 Javascript
jQuery中layer分页器的使用
Mar 13 Javascript
原生js轮播特效
May 18 Javascript
javascript 对象 与 prototype 原型用法实例分析
Nov 11 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
Mar 13 Javascript
jQuery实现朋友圈查看图片
Sep 11 jQuery
使用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
繁体中文转换为简体中文的PHP函数
2006/10/09 PHP
php数组函数序列之rsort() - 对数组的元素值进行降序排序
2011/11/02 PHP
php数组(array)输出的三种形式详解
2013/06/05 PHP
手把手教你打印出PDF(关于fpdf的简单应用)
2013/06/25 PHP
PHP重置数组为连续数字索引的几种方式总结
2018/03/12 PHP
javascript自然分类法算法实现代码
2013/10/11 Javascript
深入理解JQuery keyUp和keyDown的区别
2013/12/12 Javascript
js中文逗号转英文实现
2014/02/11 Javascript
JavaScript reduce和reduceRight详解
2016/10/24 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
2016/10/24 Javascript
JS实现简易刻度时钟示例代码
2017/03/11 Javascript
react-native fetch的具体使用方法
2017/11/01 Javascript
使用 Node.js 模拟滑动拼图验证码操作的示例代码
2017/11/02 Javascript
快速搭建Node.js(Express)用户注册、登录以及授权的方法
2019/05/09 Javascript
微信小程序实现蒙版弹出窗功能
2019/09/17 Javascript
微信小程序实现吸顶特效
2020/01/08 Javascript
javascript实现一款好看的秒表计时器
2020/09/05 Javascript
python中print的不换行即时输出的快速解决方法
2016/07/20 Python
Python编程求质数实例代码
2018/01/31 Python
python3 打印输出字典中特定的某个key的方法示例
2019/07/06 Python
Python实现制度转换(货币,温度,长度)
2019/07/14 Python
python动态视频下载器的实现方法
2019/09/16 Python
python爬虫中多线程的使用详解
2019/09/23 Python
Python多分支if语句的使用
2020/09/03 Python
教你一分钟在win10终端成功安装Pytorch的方法步骤
2021/01/28 Python
HTML+CSS3 模仿Windows7 桌面效果
2010/06/17 HTML / CSS
法国床上用品商店:La Compagnie du lit
2019/12/26 全球购物
新闻网站实习自我鉴定
2013/09/25 职场文书
优秀民警事迹材料
2014/01/29 职场文书
理工学院学生自我鉴定
2014/02/23 职场文书
领导班子四风对照检查材料范文
2014/09/27 职场文书
学校捐款活动总结
2015/05/09 职场文书
小学班主任工作经验交流材料
2015/11/02 职场文书
2016年小学“我们的节日·中秋节”活动总结
2016/04/05 职场文书
公司财务制度:成本管理控制制度模板
2019/11/19 职场文书
详解Python中__new__方法的作用
2022/03/31 Python