今天在做一个弹出dialog时，遇用到了取父页面的宽度和高度的方法。
尝试了几种方式，比如document.body.clientWidth，window.screen.width，document.body.scrollWidth等方法之后，发现都不是我想要的结果，后来发现了一个高效的方法，立刻大家分享之：
在需要取高度和宽度的地方加断点调试【debugger】，然后在监控页面里面输入document.body，查看所有body的属性看看哪个结果是自己需要的，如果没有适合还可以输入window，然后看看window下是否有适合的属性，今天我的问题解决就是通过这种方式解决的，属性是window.innerWidth和window.innerHeight。
希望大家遇到此类问题的时候能少走弯路。
0
0
js获得页面的高度和宽度的方法_javascript技巧
php中文网
发布时间：2016-05-16 16:58:25
|949人浏览过
|来源于php中文网
原创
相关文章
React 中实现“无滚动时滚轮跳转下一页”的可靠方案
JavaScript如何实现事件委托_为什么它能提高页面性能
如何在 React Native 中正确请求 iOS 设备的精确位置权限
如何使用 Shopify Bulk Operations 批量获取全部商品数据
JavaScript如何实现页面滚动动画_JavaScript滚动事件监听如何优化
java速学教程(入门到精通)
下载
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
javascript void运算符
void是一元运算符，执行右侧表达式但始终返回undefined；用于丢弃返回值、阻止a标签跳转、IIFE忽略结果、动态导入不取Promise、安全获取undefined。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
1
2025.12.29
vscode的界面字体大小调整
调整VSCode界面字体大小可通过设置编辑器或整体UI缩放实现；2.修改"Editor:FontSize"改变代码字体；3.设置"Window:ZoomLevel"调整整体界面字体；4.使用Ctrl+滚轮快捷键临时缩放。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
1
2025.12.29
VSCode的注释快捷键
单行注释快捷键为Ctrl+/（Windows/Linux）或Cmd+/（macOS），块注释使用Shift+Alt+A（Windows/Linux）或Shift+Option+A（macOS），VSCode会根据语言类型自动匹配语法，如JavaScript用//，Python用#，C++用//，若快捷键无效需检查语言扩展或插件冲突。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
1
2025.12.29
Golang 命令行工具（CLI）开发实战
本专题系统讲解 Golang 在命令行工具（CLI）开发中的实战应用，内容涵盖参数解析、子命令设计、配置文件读取、日志输出、错误处理、跨平台编译以及常用CLI库（如 Cobra、Viper）的使用方法。通过完整案例，帮助学习者掌握 使用 Go 构建专业级命令行工具与开发辅助程序的能力。
4
2025.12.29
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章
