HTML获取屏幕、浏览器的尺寸大小
2014-04-14 14:17
246 查看
<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" onclick="set_bgColor();"> <br> <input type='button' value="set_bgImg" onclick="set_bgImg()"> </body> </html>
很全的获取尺寸的方法,收藏了。
相关文章推荐
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度。判断出现滚动条
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- (转)JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- Javascript获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- 获取屏幕尺寸大小
- Android中获取当前屏幕的尺寸大小
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- IOS开发中获取屏幕尺寸大小
- JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度问题
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度问题
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽
- 获取屏幕尺寸大小
- JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度