100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > JS获取当前对象大小以及屏幕分辨率等

JS获取当前对象大小以及屏幕分辨率等

时间:2023-09-20 16:01:45

相关推荐

JS获取当前对象大小以及屏幕分辨率等

这些天用JS调界面,就在网络上搜索了一些关于获取当前窗口对象大小的写法.记录一下~

JS获取大小各参数

<script>

function getInfo()

{

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 += " 网页被卷去的高(ff):"+ document.body.scrollTop;

s += " 网页被卷去的高(ie):"+ document.documentElement.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);

}

getInfo();

</script>

还有一张比较明了的图:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。