轉貼:
網頁可見地區寬: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
原創:
W3C標準也會對上述取值造成影響,如下是經過我親自驗證的代碼:
頁面上做如下聲明:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
代碼中取值:
document.body.clientHeight; //這就是當前可視地區的高度
2008/08/27添加:
突然發現這個取高度的方法不是總靈的,鬱悶,於是找到另一個比較好的方法
Math.max(document.documentElement.clientHeight,document.body.scrollHeight); //這就是當前可視地區的高度
document.body.clientWidth; //這就是當前可視地區的寬度