刚刚接触JavaScript，涉及到 document , window 的一些基本知识不是很了解，今天为了一个屏幕大小折腾了半天，幸好找到了很好的例子学习。
代码如下：
<html> <script> function al(){ document.write( "屏幕分辨率为："+screen.width+"*"+screen.height //最好是window.screen +"<br />"+ "屏幕可用大小："+screen.availWidth+"*"+screen.availHeight +"<br />"+ "网页可见区域宽："+document.body.clientWidth +"<br />"+ "网页可见区域高："+document.body.clientHeight +"<br />"+ "网页可见区域宽(包括边线的宽)："+document.body.offsetWidth +"<br />"+ "网页可见区域高(包括边线的宽)："+document.body.offsetHeight +"<br />"+ "网页正文全文宽："+document.body.scrollWidth +"<br />"+ "网页正文全文高："+document.body.scrollHeight +"<br />"+ "网页被卷去的高："+document.body.scrollTop +"<br />"+ "网页被卷去的左："+document.body.scrollLeft +"<br />"+ "网页正文部分上："+window.screenTop +"<br />"+ "网页正文部分左："+window.screenLeft +"<br />"+ "屏幕分辨率的高："+window.screen.height +"<br />"+ "屏幕分辨率的宽："+window.screen.width +"<br />"+ "屏幕可用工作区高度："+window.screen.availHeight +"<br />"+ "屏幕可用工作区宽度："+window.screen.availWidth ); } </script> <body onLoad="al()" > </body> </html>
简单但是实用，记录一下。