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 相关文章推荐
HTML代码中标签的全部属性 中文注释说明
Mar 26 Javascript
js滚动条回到顶部的代码
Dec 06 Javascript
js与运算符和或运算符的妙用
Feb 14 Javascript
JavaScript获取图片的原始尺寸以宽度为例
May 04 Javascript
js遍历子节点子元素附属性及方法
Aug 19 Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
Nov 03 Javascript
原生js封装二级城市下拉列表的实现代码
Jun 16 Javascript
Bootstrap3 Grid system原理及应用详解
Sep 30 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
Dec 05 Javascript
基于vue的下拉刷新指令和滚动刷新指令
Dec 23 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
Apr 18 Javascript
用React Native制作一个简单的游戏引擎
May 27 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
漫威DC即将合作联动,而双方早已经秘密开始
2020/04/09 欧美动漫
php做下载文件的实现代码及文件名中乱码解决方法
2011/02/03 PHP
ajax返回值中有回车换行、空格的解决方法分享
2013/10/24 PHP
Opcache导致php-fpm崩溃nginx返回502
2015/03/02 PHP
PHP中使用foreach()遍历二维数组的简单实例
2016/06/13 PHP
js类中获取外部函数名的方法与代码
2007/09/12 Javascript
javaScript 判断字符串是否为数字的简单方法
2009/07/25 Javascript
js获得鼠标的坐标值的方法
2013/03/13 Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
2013/07/02 Javascript
JQuery和PHP结合实现动态进度条上传显示
2016/11/23 Javascript
JS控件bootstrap datepicker使用方法详解
2017/03/25 Javascript
React中ES5与ES6写法的区别总结
2017/04/21 Javascript
详解Vue源码学习之callHook钩子函数
2018/07/25 Javascript
vue-cli 3.x 修改dist路径的方法
2018/09/19 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
2019/09/06 Javascript
Node配合WebSocket做多文件下载以及进度回传
2019/11/07 Javascript
Djang中静态文件配置方法
2015/07/30 Python
Python多进程并发与多线程并发编程实例总结
2018/02/08 Python
对Python中Iterator和Iterable的区别详解
2018/10/18 Python
Python设计模式之备忘录模式原理与用法详解
2019/01/15 Python
Pyqt5 实现跳转界面并关闭当前界面的方法
2019/06/19 Python
对python3 sort sorted 函数的应用详解
2019/06/27 Python
使用Python脚本zabbix自定义key监控oracle连接状态
2019/08/28 Python
给大家整理了19个pythonic的编程习惯(小结)
2019/09/25 Python
Numpy与Pytorch 矩阵操作方式
2019/12/27 Python
Tensorflow不支持AVX2指令集的解决方法
2020/02/03 Python
浅析python实现动态规划背包问题
2020/12/31 Python
HUGO BOSS美国官方网上商店:世界知名奢侈品牌
2017/08/04 全球购物
台湾屈臣氏网路商店:Watsons台湾
2020/12/29 全球购物
农业开发项目建议书
2014/05/16 职场文书
店铺转让协议书(2014版)
2014/09/23 职场文书
2014年最新版离婚协议书范本
2014/11/25 职场文书
稽核岗位职责范本
2015/04/13 职场文书
小时代观后感
2015/06/10 职场文书
迎新年主持词
2015/07/06 职场文书
餐厅开业活动方案
2019/07/08 职场文书