4種瀏覽器可視窗口大小都不一樣
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<script type="text/javascript">
var w=document.body.clientWidth;
var h=document.body.clientHeight;
document.write(w+"*"+h+"<br>");
var w=document.documentElement.clientWidth;
var h=document.documentElement.clientHeight; ? ?
document.write(w+"*"+h+"<br>");
? ??
var w=document.body.clientWidth || document.documentElement.clientWidth;
var h=document.body.clientHeight || document.documentElement.clientHeight;
document.write(w+"*"+h+"<br>");
var w=window.innerWidth;
var h=window.innerHeight; ? ?
document.write(w+"*"+h+"<br>");
? ??
</script>
</body>
</html>
2016-03-31
document.body.clientWidth是指body的可視窗口,document.documentElement.clientWidth是指html層的可視窗口，不同的瀏覽器之間他們的邊距是不一樣的。