取得document.body.clientWidth、scrollWidth、scrollTop

document.body.clientWidth、scrollWidth、scrollTop; 关键字: js

function gets()
{
var s ="网页可见区域宽:"+ document.body.clientWidth; 
s += "<br>网页可见区域高:" + document.body.clientHeight; 
s += "<br>网页可见区域宽:" + document.body.offsetWidth +" (包括边线的宽)"; 
s += "<br>网页可见区域高:" + document.body.offsetHeight +" (包括边线的宽)"; 
s += "<br>网页正文全文宽:" + document.body.scrollWidth; 
s += "<br>网页正文全文高:" + document.body.scrollHeight; 
s += "<br>网页被卷去的高:" + document.body.scrollTop; 
s += "<br>网页被卷去的左:" + document.body.scrollLeft; 
s += "<br>网页正文部分上:" + window.screenTop; 
s += "<br>网页正文部分左:" + window.screenLeft; 
s += "<br>屏幕分辨率的宽:" + window.screen.width; 
s += "<br>屏幕分辨率的高:" + window.screen.height; 
s += "<br>屏幕可用工作区宽度:" + window.screen.availWidth; 
s += "<br>屏幕可用工作区高度:" + window.screen.availHeight;
document.getElementById('dd').innerHTML = s;
}

 

有时会出现取不到值的情况,是因为我的HTML文件头部加了文档类型。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

 

解决办法:

1.去掉头部文档类型。

2.把document.body.scrollTop和document.body.scrollLeft这两个家伙改个名字:

document.documentElement.scrollTop 和document.documentElement.scrollLeft。

当然document.body.clientWidth和document.body.clientHeight也要改名字了,改为:document.documentElement.clientWidth和document.documentElement.clientHeight

你可能感兴趣的:(取得document.body.clientWidth、scrollWidth、scrollTop)