JavaScript 获取页面高度与宽度的兼容写法
作者：纸飞机时间：2026-10-28 10:45:21浏览：499
本文介绍使用JavaScript获取浏览器页面可视区域高度与滚动总高度的兼容代码。通过判断document.documentElement的scrollHeight与clientHeight，实现跨IE、Firefox、Chrome等浏览器的准确尺寸获取，适用于需要动态响应页面布局的场景。
获取页面尺寸的核心代码
具体实现代码如下所示：
<script>
// 获取页面总高度
var yScroll = (document.documentElement.scrollHeight > document.documentElement.clientHeight) ? document.documentElement.scrollHeight : document.documentElement.clientHeight;
alert(yScroll)
// 获取页面总宽度
var xScroll = (document.documentElement.scrollWidth > document.documentElement.clientWidth) ? document.documentElement.scrollWidth : document.documentElement.scrollWidth;
alert(xScroll)
</script>作者最新文章
JS动态构建复杂嵌套JSON对象的方法
2026-11-05 15:41:52
JS负数取余为什么是负数？详解余数与模运算区别
2026-11-05 13:34:41
JS 解压出现乱码或报错怎么解决？
2026-11-05 12:32:38
JS 中 startsWith、indexOf 与正则判断字符串前缀的对比
2026-11-04 22:19:43
JS解析Excel后怎么将数据转换为JSON格式
2026-11-04 20:58:28