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

最新推荐文章于 2025-04-09 17:24:45 发布

冰蓝2099

最新推荐文章于 2025-04-09 17:24:45 发布

阅读量1.4k

点赞数 1

文章标签： html xhtml javascript 工作 web

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/yllaji/article/details/1543670

版权

本文提供了一段JavaScript代码，用于获取网页的各种尺寸信息，包括可见区域的宽高、正文的宽高及滚动位置等。同时，针对document.body.scrollTop始终为0的问题，给出了两种解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

< html >

< body >

< SCRIPT LANGUAGE ="JavaScript" >

var s = "";

s += " 网页可见区域宽："+ document.body.clientWidth;

s += " 网页可见区域高："+ document.body.clientHeight;

s += " 网页可见区域宽："+ document.body.offsetWidth +" (包括边线和滚动条的宽)";

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

s += " 网页正文全文宽："+ document.body.scrollWidth;

s += " 网页正文全文高："+ document.body.scrollHeight;

s += " 网页被卷去的高："+ document.body.scrollTop;

s += " 网页被卷去的左："+ document.body.scrollLeft;

s += " 网页正文部分上："+ window.screenTop;

s += " 网页正文部分左："+ window.screenLeft;

s += " 屏幕分辨率的高："+ window.screen.height;

s += " 屏幕分辨率的宽："+ window.screen.width;

s += " 屏幕可用工作区高度："+ window.screen.availHeight;

s += " 屏幕可用工作区宽度："+ window.screen.availWidth;

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

s += " 你的屏幕设置 "+ 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

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。