HTML怎样获取屏幕尺寸

最新推荐文章于 2022-12-09 17:33:49 发布

狂彪的蜗牛

最新推荐文章于 2022-12-09 17:33:49 发布

阅读量1.6k

点赞数

分类专栏： Html 文章标签：图片 map

Html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html>
<script>
function a(){
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
);
}
function set_bgColor(){
  document.body.style.backgroundColor="red";
}
function set_bgImg(){
  document.body.style.backgroundImage="url(t/JS获取屏幕大小 - 风飘零 - 博客园.png)";
}
</script>
<body onLoad="alert('init')" >
 <input type='button' value="set_bgColor" οnclick="set_bgColor();"> <br>
 <input type='button' value="set_bgImg" οnclick="set_bgImg()"> 
</body>
</html>