网页尺寸scrollHeight

编程小6 (3) 2024-04-24 11:12

Hi，大家好，我是编程小6，很荣幸遇见你，我把这些年在开发过程中遇到的问题或想法写出来，今天说一说网页尺寸scrollHeight,希望能够帮助你!!!。

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>

今天的分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。