本文介绍使用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>