您的位置：首页 > 其它

获取屏幕分辨率及网页信息

2013-08-14 22:41 281 查看

<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="readScreenMsg" onclick="a();"> <br>

   <input type='button' value="set_bgColor" onclick="set_bgColor();"> <br>

   <input type='button' value="set_bgImg" onclick="set_bgImg()">

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 屏幕分辨率网页大小

相关文章推荐

新的分享

章节导航