您的位置：首页 > Web前端 > JavaScript

JavaScript 获取浏览器的显示区域大小信息

2008-05-13 10:39 555 查看

区域说明	JavaScript Code
网页可见区域宽	document.body.clientWidth
网页可见区域高	document.body.clientHeight
网页可见区域宽(包括边线的宽)	document.body.offsetWidth
网页可见区域高(包括边线的宽)	document.body.offsetHeight
网页正文全文宽	document.body.scrollWidth
网页正文全文高	document.body.scrollHeight
网页被卷去的高	document.body.scrollTop
网页被卷去的左	document.body.scrollLeft
网页正文部分上	window.screenTop
网页正文部分左	window.screenLeft
屏幕分辨率的高	window.screen.height
屏幕分辨率的宽	window.screen.width
屏幕可用工作区高度	window.screen.availHeight
屏幕可用工作区宽度	window.screen.availWidth

写个小例子测试一下，看看自己的浏览器现在的大小是多少，这个对于页面resize后的布局非常有用！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<title>Screen Size Test</title>
</script>
</style>
</head><body onresize="javascript:displayScreenSize();" onload="javascript:displayScreenSize();">
Screen Size Test
<hr align="left" size="1" noshade>
Now we get the screen size about this browser 

<hr align="left" size="1" noshade>
Screen Size Test by <a href="http://apolloge.cnblogs.com/">
apolloge</a> 
</body></html>
offsetLeft,Left,clientLeft的区别(图)

Javascript 获取页面高度（多种浏览器）

DEMO
/Files/genson/js.htm

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

标签：

相关文章推荐

新的分享

章节导航