首页 > 代码库 > 日常捕获的野生知识 - 屏幕大小

日常捕获的野生知识 - 屏幕大小

2024-07-14 22:28:18   220人阅读

　　刚刚接触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>

简单但是实用，记录一下。


联系
我们