jquery或js 如何时时获取浏览器当前的宽和高？

JavaScript018

jquery或js 如何时时获取浏览器当前的宽和高？,第1张

获取步骤如下所示。

1：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。

2：使用jQuery可以这样获取window的宽高。

3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。

4：<body onresize="showSize()">，页面相关事onresize浏览器的窗口大小被改变时触发此事件。

你可以用document.body.scrollWidth

来获取，但兼容性本人没有做过测试。 给你个参考：网页可见区域宽：document.body.clientWidth

网页可见区域高：document.body.clientHeight

网页可见区域宽：document.body.offsetWidth(包括边线的宽)

网页可见区域高：document.body.offsetHeight(包括边线的宽)

网页正文全文宽：document.body.scrollWidth

网页正文全文高：document.body.scrollHeight

网页被卷去的高：document.body.scrollTop(IE7无效)

网页被卷去的左：document.body.scrollLeft(IE7无效)网页被卷去的高：document.documentElement.scrollTop(IE7有效)网页被卷去的左：document.documentElement.scrollLeft(IE7有效)

网页正文部分上：window.screenTop

网页正文部分左：window.screenLeft

屏幕分辨率的高：window.screen.height

屏幕分辨率的宽：window.screen.width

屏幕可用工作区高度：window.screen.availHeight

屏幕可用工作区宽度：window.screen.availWidth

相对于窗口左上角的X：window.event.clientX相对于窗口左上角的Y：window.event.clientY

相对于整个页面的X：window.event.X

相对于整个页面的Y：window.event.Y

strInfo+=\r\n网页可见区域高:+document.body.clientHeight

strInfo+=\r\n网页可见区域宽:+document.body.offsetWidth+(包括边线的宽)

strInfo+=\r\n网页可见区域高:+document.body.offsetHeight+(包括边线的高)

strInfo+=\r\n网页正文全文宽:+document.body.scrollWidth

strInfo+=\r\n网页正文全文高:+document.body.scrollHeight

strInfo+=\r\n网页被卷去的高:+document.body.scrollTop

strInfo+=\r\n网页被卷去的左:+document.body.scrollLeft

strInfo+=\r\n网页正文部分上:+window.screenTop

strInfo+=\r\n网页正文部分左:+window.screenLeft

strInfo+=\r\n屏幕分辨率的高:+window.screen.height

strInfo+=\r\n屏幕分辨率的宽:+window.screen.width

strInfo+=\r\n屏幕可用工作区高度:+window.screen.availHeight

strInfo+=\r\n屏幕可用工作区宽度:+window.screen.availWidth

window.confirm(strInfo)

</script

-----------------------------------------------------------------------------------------

最近编程中发现html静态页面的开发可以使用

document.body.ClientHeight

来获得页面的高度，但asp.net的页面却无法这样获取，获取到的只是页面最小的高度，比如页面只有一个button，那么该js语句获得的就是24。

document.documentElement.OffsetHeight

----------------------------------------------------------------------------------------加上document.body.scrollLeft

document.body.scrollTop

x=document.body.clientWidth+document.body.scrollLeft

y=document.body.clientHeight+document.body.scrollTop若想得到整个页面的高度可以用