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 Archive Network 集合
May 12 Javascript
csdn 博客的css样式 v3
Feb 24 Javascript
浅析JavaScript原型继承的陷阱
Dec 03 Javascript
display和visibility的区别示例介绍
Feb 26 Javascript
jQuery自带的一些常用方法总结
Sep 03 Javascript
javascript 获取浏览器版本
Jan 21 Javascript
基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
Nov 24 Javascript
js数组操作方法总结(必看篇)
Nov 22 Javascript
基于js文件加载优化(详解)
Jan 03 Javascript
vue-lazyload图片延迟加载插件的实例讲解
Feb 09 Javascript
深入浅出了解Node.js Streams
May 27 Javascript
JS中forEach()、map()、every()、some()和filter()的用法
May 11 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 程式大小
2006/12/06 PHP
php下使用无限生命期Session的方法
2007/03/16 PHP
php设计模式小结
2013/02/15 PHP
限制ckeditor上传图片文件大小的方法
2013/11/15 PHP
php自定义函数转换html标签示例
2016/09/29 PHP
PHP通过get方法获得form表单数据方法总结
2018/09/12 PHP
PHP解决高并发的优化方案实例
2020/12/10 PHP
JS分割字符串并放入数组的函数
2011/07/04 Javascript
Javascript简单实现可拖动的div
2013/10/22 Javascript
jQuery封装的获取Url中的Get参数示例
2013/11/26 Javascript
js检测用户输入密码强度
2015/10/22 Javascript
浅谈AngularJs指令之scope属性详解
2016/10/24 Javascript
bootstarp modal框居中显示的实现代码
2017/02/18 Javascript
深入浅析AngularJS中的一次性数据绑定 (bindonce)
2017/05/11 Javascript
在vue项目中安装使用Mint-UI的方法
2017/12/27 Javascript
javascript中this的用法实践分析
2019/07/29 Javascript
三剑客:offset、client和scroll还傻傻分不清?
2020/12/04 Javascript
Vue中computed和watch有哪些区别
2020/12/19 Vue.js
微信小程序input抖动问题的修复方法
2021/03/03 Javascript
[01:37]全新的一集《真视界》——TI7总决赛
2017/09/21 DOTA
python使用paramiko模块实现ssh远程登陆上传文件并执行
2014/01/27 Python
Python基于PyGraphics包实现图片截取功能的方法
2017/12/21 Python
Win7下Python与Tensorflow-CPU版开发环境的安装与配置过程
2018/01/04 Python
Python cookbook(数据结构与算法)字典相关计算问题示例
2018/02/18 Python
Python3实现爬取指定百度贴吧页面并保存页面数据生成本地文档的方法
2018/04/22 Python
设置python3为默认python的方法
2018/10/31 Python
Python除法之传统除法、Floor除法及真除法实例详解
2019/05/23 Python
Pycharm修改python路径过程图解
2020/05/22 Python
Python模拟键盘输入自动登录TGP
2020/11/27 Python
文员自我评价怎么写
2013/09/19 职场文书
《狼和小羊》教学反思
2014/04/20 职场文书
教师群众路线教育实践活动学习笔记
2014/11/05 职场文书
电子商务实训报告总结
2014/11/05 职场文书
优秀大学生自荐信
2015/03/26 职场文书
遗嘱格式范本
2015/08/07 职场文书
Java中的随机数Random
2022/03/17 Java/Android