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闭包 推荐
Mar 01 Javascript
js实现在文本框光标处添加字符的方法介绍
Nov 24 Javascript
js判断FCKeditor内容是否为空的两种形式
May 14 Javascript
JavaScript的继承的封装介绍
Oct 15 Javascript
jquery ajax应用中iframe自适应高度问题解决方法
Apr 12 Javascript
Html5的placeholder属性(IE兼容)实现代码
Aug 30 Javascript
JS查找字符串中出现次数最多的字符
Sep 05 Javascript
canvas轨迹回放功能实现
Dec 20 Javascript
如何实现一个webpack模块解析器
Oct 24 Javascript
详解@Vue/Cli 3 Invalid Host header 错误解决办法
Jan 02 Javascript
Vue.js如何使用Socket.IO的示例代码
Sep 05 Javascript
javascript设计模式 ? 策略模式原理与用法实例分析
Apr 21 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 cli 小技巧
2013/06/03 PHP
php中unserialize返回false的解决方法
2014/09/22 PHP
PHP将进程作为守护进程的方法
2015/03/19 PHP
php对象和数组相互转换的方法
2015/05/12 PHP
php中define用法实例
2015/07/30 PHP
PHP实现获取第一个中文首字母并进行排序的方法
2017/05/09 PHP
PHP使用PDO访问oracle数据库的步骤详解
2017/09/29 PHP
javascript 操作文件 实现方法小结
2009/07/02 Javascript
javascrip客户端验证文件大小及文件类型并重置上传
2011/01/12 Javascript
精心挑选的15个jQuery下拉菜单制作教程
2012/06/15 Javascript
Js放到HTML文件中的哪个位置有什么区别
2013/08/21 Javascript
删除条目时弹出的确认对话框
2014/06/05 Javascript
再谈javascript原型继承
2014/11/10 Javascript
JavaScript字符串常用类使用方法汇总
2015/04/14 Javascript
通过sails和阿里大于实现短信验证
2017/01/04 Javascript
微信小程序开发之选项卡(窗口底部TabBar)页面切换
2017/04/12 Javascript
inner join 内联与left join 左联的实例代码
2017/09/18 Javascript
Vue利用路由钩子token过期后跳转到登录页的实例
2017/10/26 Javascript
微信小程序自定义toast实现方法详解【附demo源码下载】
2017/11/28 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
2020/12/24 Javascript
原生js实现无缝轮播图效果
2021/01/28 Javascript
python修改操作系统时间的方法
2015/05/18 Python
Python中的sort()方法使用基础教程
2017/01/08 Python
python实现简单遗传算法
2018/03/19 Python
Python的iOS自动化打包实例代码
2018/11/22 Python
Python饼状图的绘制实例
2019/01/15 Python
Python之变量类型和if判断方式
2020/05/05 Python
10个python爬虫入门实例(小结)
2020/11/01 Python
H5最强接口之canvas实现动态图形功能
2019/05/31 HTML / CSS
马耳他航空公司官方网站:Air Malta
2019/05/15 全球购物
实习老师个人总结的自我评价
2013/09/28 职场文书
厂长岗位职责
2014/02/19 职场文书
绿色校园广播稿
2014/10/13 职场文书
oracle DGMGRL ORA-16603报错的解决方法(DG Broker)
2021/04/06 Oracle
vue+springboot实现登录验证码
2021/05/27 Vue.js
你知道Java Spring的两种事务吗
2022/03/16 Java/Android