《测试1》
测试前提：body里面没有任何内容
我们通过测试得知 window 和document的宽度都是一样的。都为1920 而body的宽度 是document的宽度减去body外边距的宽度。所以1920-8*2=1904 所以body的宽度为1904
<html>
<head>
<title></title>
<script src="jquery-1.11.2.js"></script>
</head>
<body>
</body>
</html>
<script type="text/javascript">
alert("window的宽度为：" + $(window).width()); //打印出：window的宽度为：1920 【注：我的屏幕分辨率是：1920*1080】
alert("document的宽度为：" + $(document).width()); //打印出：document的宽度为：1920
alert("boyd的宽度为：" + $("body").width()); //打印出：boyd的宽度为：1904 【查看CSS 发现 body的margin:8px】
alert("window的高度为：" + $(window).height()); //打印出：window的高度为：954
alert("document的高度为：" + $(document).height()); //打印出：document的高度为：954
alert("boyd的高度为：" + $("body").height()); //打印出：boyd的高度为：0
</script>
时间： 2024-10-20 14:49:39