现在的位置: 首页 > 综合 > 正文

关于位置的js代码大礼包~

2013年09月16日 ⁄ 综合 ⁄ 共 1147字 ⁄ 字号 评论关闭

 这次很全~~几乎全部都有了~~附带scrollTop为0的解决办法~~

<html>
<body>
<SCRIPT LANGUAGE="JavaScript">

var  s = "";

+= " 网页可见区域宽:"+ 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;

+= " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";

+= " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";

alert(s);

</SCRIPT> 
</body>
</html>

关于document.body.scrollTop一直为0的解决办法~这个是个兼容问题~前面有讲过 这里再重新说一下~~

解决办法~~~
=1=
去掉<!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">

这样的web标准语句,因为加上后会让document.body.scrollTop一直为0

=2=
写成:document.documentElement.scrollTop

抱歉!评论已关闭.