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 相关文章推荐
用jquery实现点击栏目背景色改变
Dec 10 Javascript
javascript调试过程中找不到哪里出错的可能原因
Dec 16 Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
Dec 30 Javascript
jQuery实现自动调整字体大小的方法
Jun 15 Javascript
分步解析JavaScript实现tab选项卡自动切换功能
Jan 25 Javascript
CascadeView级联组件实现思路详解(分离思想和单链表)
Apr 12 Javascript
angular.js分页代码的实例
Jul 27 Javascript
vue.js语法及常用指令
Oct 29 Javascript
详解ng-alain动态表单SF表单项设置必填和正则校验
Jun 11 Javascript
微信小程序中悬浮窗功能的实现代码
Aug 02 Javascript
Vue实现多页签组件
Jan 14 Vue.js
AJAX实现省市县三级联动效果
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
总集篇&特番节目先行播出!《SAO Alicization War of Underworld》第2季度TV动画4月25日放送!
2020/03/06 日漫
PHP函数spl_autoload_register()用法和__autoload()介绍
2012/02/04 PHP
关于PHP递归算法和应用方法介绍
2013/04/15 PHP
php采用curl访问域名返回405 method not allowed提示的解决方法
2014/06/26 PHP
php表单提交实例讲解
2015/11/12 PHP
php截取视频指定帧为图片
2016/05/16 PHP
PHP通过文件保存和更新信息的方法分析
2019/09/12 PHP
JQuery在页面中添加和除移DOM示例代码
2013/06/24 Javascript
javascript中eval函数用法分析
2015/04/25 Javascript
js提示框替代系统alert,自动关闭alert对话框的实现方法
2016/11/07 Javascript
AngularJS学习第一篇 AngularJS基础知识
2017/02/13 Javascript
JSON基本语法及与JavaScript的异同实例分析
2019/01/04 Javascript
Vue中keep-alive 实现后退不刷新并保持滚动位置
2020/03/17 Javascript
小程序瀑布流组件实现翻页与图片懒加载
2020/05/19 Javascript
简明 Python 基础学习教程
2007/02/08 Python
Python每天必学之bytes字节
2016/01/28 Python
1 行 Python 代码快速实现 FTP 服务器
2018/01/25 Python
Python中分支语句与循环语句实例详解
2018/09/13 Python
Python爬虫动态ip代理防止被封的方法
2019/07/07 Python
Django ModelForm组件使用方法详解
2019/07/23 Python
详解pandas中MultiIndex和对象实际索引不一致问题
2019/07/23 Python
pytorch 自定义数据集加载方法
2019/08/18 Python
Python3批量移动指定文件到指定文件夹方法示例
2019/09/02 Python
CSS3 开发工具收集
2010/04/17 HTML / CSS
用纯css3和html制作泡沫对话框实现代码
2013/03/21 HTML / CSS
不可轻视HTML5!App三年内将被html5顶替彻底消失
2015/11/18 HTML / CSS
韩国现代百货官网:Hmall
2018/03/21 全球购物
Dr.Jart+美国官网:韩国药妆品牌
2019/01/18 全球购物
SQL Server里面什么样的视图才能创建索引
2015/04/17 面试题
初中音乐教学反思
2014/01/12 职场文书
公司周年庆典邀请函
2014/01/12 职场文书
五年级语文教学反思
2014/01/30 职场文书
销售行政专员岗位职责
2014/06/10 职场文书
保险公司演讲稿
2014/09/02 职场文书
美术教师个人总结
2015/02/06 职场文书
新课程改革心得体会
2016/01/22 职场文书