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 相关文章推荐
XP折叠菜单&仿QQ2006菜单
Dec 16 Javascript
Javascript 检测、添加、移除样式(className)函数代码
Sep 08 Javascript
jQuery ajax(复习)—Baidu ajax request分离版
Jan 24 Javascript
javascript嵌套函数和在函数内调用外部函数的区别分析
Jan 31 Javascript
Javascript动画效果(3)
Oct 11 Javascript
jQuery Validate插件自定义验证规则的方法
Dec 27 Javascript
js实现增加数字显示的环形进度条效果
Feb 05 Javascript
微信小程序 滚动到某个位置添加class效果实现代码
Apr 19 Javascript
JavaScript中运算符规则和隐式类型转换示例详解
Sep 06 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
Vue.js进阶知识点总结
Apr 01 Javascript
关于JS模块化的知识点分享
Oct 16 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 REMOTE_ADDR之获取访客IP的代码
2008/04/22 PHP
PHP打开和关闭文件操作函数总结
2014/11/18 PHP
详解PHP中的mb_detect_encoding函数使用方法
2015/08/18 PHP
PHP命名空间namespace用法实例分析
2016/09/27 PHP
php制作圆形用户头像的实例_自定义封装类源代码
2017/09/18 PHP
jquery 扑捉回车键事件代码
2014/04/24 Javascript
javascript实现playfair和hill密码算法
2014/12/07 Javascript
JavaScript数据类型学习笔记
2016/01/25 Javascript
JS+CSS3制作炫酷的弹窗效果
2016/11/08 Javascript
angular 基于ng-messages的表单验证实例
2017/05/04 Javascript
Require.js的基本用法详解
2017/07/03 Javascript
一步快速解决微信小程序中textarea层级太高遮挡其他组件
2019/03/04 Javascript
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
2019/06/10 jQuery
js实现盒子移动动画效果
2020/08/09 Javascript
OpenLayers3实现图层控件功能
2020/09/25 Javascript
[02:05]2014DOTA2西雅图邀请赛 老队长全明星大猜想谁不服就按进显示器
2014/07/08 DOTA
[14:50]2018DOTA2亚洲邀请赛开幕式
2018/04/03 DOTA
Python常用正则表达式符号浅析
2014/08/13 Python
详解Python中的__new__、__init__、__call__三个特殊方法
2016/06/02 Python
Python对文件和目录进行操作的方法(file对象/os/os.path/shutil 模块)
2017/05/08 Python
PyQt5实现无边框窗口的标题拖动和窗口缩放
2018/04/19 Python
Python基于递归算法求最小公倍数和最大公约数示例
2018/07/27 Python
python批量获取html内body内容的实例
2019/01/02 Python
python for 循环获取index索引的方法
2019/02/01 Python
python 利用文件锁单例执行脚本的方法
2019/02/19 Python
Python3.5内置模块之shelve模块、xml模块、configparser模块、hashlib、hmac模块用法分析
2019/04/27 Python
python查询MySQL将数据写入Excel
2020/10/29 Python
python绘制雷达图实例讲解
2021/01/03 Python
CSS3提交意见输入框样式代码
2014/10/30 HTML / CSS
车间副主任岗位职责
2013/12/24 职场文书
晚宴邀请函范文
2014/01/15 职场文书
县委党的群众路线教育实践活动工作情况报告
2014/10/25 职场文书
先进基层党组织材料
2014/12/25 职场文书
Python中os模块的简单使用及重命名操作
2021/04/17 Python
Ruby使用Mysql2连接操作MySQL
2022/04/19 Ruby
docker compose 部署 golang 的 Athens 私有代理问题
2022/04/28 Servers