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 相关文章推荐
Save a File Using a File Save Dialog Box
Jun 18 Javascript
javascript Array数组对象的扩展函数代码
May 22 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
Sep 09 Javascript
JavaScript导出Excel实例详解
Nov 25 Javascript
node.js require() 源码解读
Dec 13 Javascript
jQuery实现调整表格单列顺序完整实例
Jun 20 Javascript
JS中append字符串包含onclick无效传递参数失败的解决方案
Dec 26 Javascript
jQuery实现定时隐藏对话框的方法分析
Feb 12 jQuery
vue实现文件上传功能
Aug 13 Javascript
Vue 2.0 中依赖注入 provide/inject组合实战
Jun 20 Javascript
Javascript地址引用代码实例解析
Feb 25 Javascript
为react组件库添加typescript类型提示的方法
Jun 15 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
PHP实现将HTML5中Canvas图像保存到服务器的方法
2014/11/28 PHP
PHPExcel在linux环境下导出报500错误的解决方法
2017/01/26 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
php微信公众号开发之校园图书馆
2018/10/20 PHP
JavaScript中的ArrayBuffer详细介绍
2014/12/08 Javascript
js如何实现点击标签文字,文字在文本框出现
2015/08/05 Javascript
AngularJS通过$location获取及改变当前页面的URL
2016/09/23 Javascript
Vue iview-admin框架二级菜单改为三级菜单的方法
2018/07/03 Javascript
Angular中sweetalert弹框的基本使用教程
2018/07/22 Javascript
在JavaScript中如何访问暂未存在的嵌套对象
2019/06/18 Javascript
JavaScript This指向问题详解
2019/11/25 Javascript
jquery更改元素属性attr()方法操作示例
2020/05/22 jQuery
openlayers 3实现车辆轨迹回放
2020/09/24 Javascript
python实现批量图片格式转换
2020/06/16 Python
Python3连接SQLServer、Oracle、MySql的方法
2018/06/28 Python
在python中实现对list求和及求积
2018/11/14 Python
对python的bytes类型数据split分割切片方法
2018/12/04 Python
Python中出现IndentationError:unindent does not match any outer indentation level错误的解决方法
2020/04/18 Python
python多进程下实现日志记录按时间分割
2019/07/22 Python
Django app配置多个数据库代码实例
2019/12/17 Python
Django admin管理工具TabularInline类用法详解
2020/05/14 Python
使用python matploblib库绘制准确率,损失率折线图
2020/06/16 Python
基于matplotlib中ion()和ioff()的使用详解
2020/06/16 Python
详解tf.device()指定tensorflow运行的GPU或CPU设备实现
2021/02/20 Python
Penhaligon’s英国官网:成立于1870年的英国香水制造商
2021/02/18 全球购物
火锅店创业计划书范文
2014/02/02 职场文书
小学英语教学反思案例
2014/02/04 职场文书
2014年项目工作总结
2014/11/24 职场文书
2014年机关党委工作总结
2014/12/11 职场文书
复兴之路观后感
2015/06/02 职场文书
贷款工作证明模板
2015/06/12 职场文书
入党宣誓大会后的感想
2015/08/10 职场文书
小学生教师节广播稿
2015/08/19 职场文书
2016大学生入党积极分子心得体会
2016/01/06 职场文书
mysql的MVCC多版本并发控制的实现
2021/04/14 MySQL
MySQL表字段数量限制及行大小限制详情
2022/07/23 MySQL