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 相关文章推荐
js检测客户端不是firefox则提示下载
Apr 07 Javascript
类似GMAIL的Ajax信息反馈显示
Feb 16 Javascript
基于jquery用于查询操作的实现代码
May 10 Javascript
Javascript实现视频轮播在pc端与移动端均可
Sep 29 Javascript
jQuery中:empty选择器用法实例
Dec 30 Javascript
拥Bootstrap入怀——导航栏篇
May 30 Javascript
详解Vue中状态管理Vuex
May 11 Javascript
bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法
May 25 Javascript
React中如何引入Angular组件详解
Aug 09 Javascript
vue如何进行动画的封装
Sep 26 Javascript
Vue 监听元素前后变化值实例
Jul 29 Javascript
Vue使用轮询定时发送请求代码
Aug 10 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
上海无线电三厂简史修改版
2021/03/01 无线电
自动生成文章摘要的代码[PHP 版本]
2007/03/20 PHP
有关php运算符的知识大全
2011/11/03 PHP
PHP 数据结构队列(SplQueue)和优先队列(SplPriorityQueue)简单使用实例
2015/05/12 PHP
详解php中反射的应用
2016/03/15 PHP
CodeIgniter记录错误日志的方法全面总结
2016/05/17 PHP
php实现的统计字数函数定义与使用示例
2017/07/26 PHP
通过继承IHttpHandle实现JS插件的组织与管理
2010/07/13 Javascript
namespace.js Javascript的命名空间库
2011/10/11 Javascript
createElement与createDocumentFragment的点点区别小结
2011/12/19 Javascript
基于jQuery中对数组进行操作的方法
2013/04/16 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
2015/03/09 Javascript
jQuery调用ajax请求的常见方法汇总
2015/03/24 Javascript
总结JavaScript中布尔操作符||与&&的使用技巧
2015/11/17 Javascript
mui上拉加载更多下拉刷新数据的封装过程
2017/11/03 Javascript
nodejs搭建本地服务器轻松解决跨域问题
2018/03/21 NodeJs
教你如何用node连接redis的示例代码
2018/07/12 Javascript
关于在LayUI中使用AJAX提交巨坑记录
2019/10/25 Javascript
vue+echarts实现中国地图流动效果(步骤详解)
2021/01/27 Vue.js
[02:51]DOTA2战队出征照拍摄花絮 TI3明星化身时尚男模
2013/07/22 DOTA
python数据结构之二叉树的统计与转换实例
2014/04/29 Python
python压缩文件夹内所有文件为zip文件的方法
2015/06/20 Python
Python面向对象编程之继承与多态详解
2018/01/16 Python
PyQt5组件读取参数的实例
2019/06/25 Python
python Elasticsearch索引建立和数据的上传详解
2019/08/04 Python
python 制作python包,封装成可用模块教程
2020/07/13 Python
HTML5 Canvas实现文本对齐的方法总结
2016/03/24 HTML / CSS
Sunglasses Shop德国站:欧洲排名第一的太阳镜网站
2017/08/01 全球购物
真正的英国宝藏:Mappin & Webb
2019/05/05 全球购物
五型班组建设方案
2014/02/10 职场文书
团支部推优材料
2014/05/21 职场文书
校运会口号
2014/06/18 职场文书
高中生期中考试失利检讨书
2014/10/23 职场文书
解放思想大讨论活动总结
2015/05/09 职场文书
Mysql 用户权限管理实现
2021/05/25 MySQL
浅析Django接口版本控制
2021/06/26 Python