本文介绍了如何使用scrollHeight和scrollWidth属性来获取网页的内容高度和宽度。详细解释了这两个属性在不同浏览器中的表现，并提供了兼容所有主流浏览器的示例代码。
scrollHeight和scrollWidth,获取网页内容高度和宽度
一。针对IE,Opera:
scrollHeight是网页内容实际高度，可以小于clienHeight.
二。针对NS,FF：
scrollHeight是网页内容的高度，不过最小值是clientHeight.也就是说网页内容实际高度小于clientHeight时，scrollHeight返回clientHeight.
三。浏览器兼容性
var w =document.documentElement.scrollWidth | | document.body.scrollWidth;
var h=document.documentElement.scrollHeight | | document.body.scrollHeight;
例子：获取网页的实际宽度和高度。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<script type="text/javascript">
//法一
document.write("///******法一******///"+"<br />");
document.write(document.body.scrollWidth+"<br />");
document.write(document.body.scrollHeight);
//法二
var w=document.documentElement.scrollWidth;
var h=document.documentElement.scrollHeight;
document.write("<br>"+"///******法二******///"+"<br>"+"宽为："+w+"<br>"+"高为："+h);
</script>
</body>
</html>
扫一扫
122
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
