JS獲取當(dāng)前網(wǎng)頁(yè)大小以及屏幕分辨率等
更新時(shí)間：2014年09月05日 15:33:19 投稿：whsnow
這篇文章主要介紹了JS獲取當(dāng)前網(wǎng)頁(yè)大小以及屏幕分辨率等,方法雖簡(jiǎn)單，但比較實(shí)用，需要的朋友可以參考下
效果如下：
代碼如下：
<html>
<head>
<title>獲取當(dāng)前對(duì)象大小以及屏幕分辨率等</title>
<body>
<div style=" width:88%;margin:30px auto; color:blue;" id="div_html">
</div>
<script type="text/javascript">
var s = "";
s += " 網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?+ document.body.clientWidth+"<br />";
s += " 網(wǎng)頁(yè)可見(jiàn)區(qū)域高："+ document.body.clientHeight+"<br />";
s += " 網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?+ document.body.offsetWidth + " (包括邊線和滾動(dòng)條的寬)"+"<br />";
s += " 網(wǎng)頁(yè)可見(jiàn)區(qū)域高："+ document.body.offsetHeight + " (包括邊線的寬)"+"<br />";
s += " 網(wǎng)頁(yè)正文全文寬："+ document.body.scrollWidth+"<br />";
s += " 網(wǎng)頁(yè)正文全文高："+ document.body.scrollHeight+"<br />";
s += " 網(wǎng)頁(yè)被卷去的高(ff)："+ document.body.scrollTop+"<br />";
s += " 網(wǎng)頁(yè)被卷去的高(ie)："+ document.documentElement.scrollTop+"<br />";
s += " 網(wǎng)頁(yè)被卷去的左："+ document.body.scrollLeft+"<br />";
s += " 網(wǎng)頁(yè)正文部分上："+ window.screenTop+"<br />";
s += " 網(wǎng)頁(yè)正文部分左："+ window.screenLeft+"<br />";
s += " 屏幕分辨率的高："+ window.screen.height+"<br />";
s += " 屏幕分辨率的寬："+ window.screen.width+"<br />";
s += " 屏幕可用工作區(qū)高度："+ window.screen.availHeight+"<br />";
s += " 屏幕可用工作區(qū)寬度："+ window.screen.availWidth+"<br />";
s += " 你的屏幕設(shè)置是 "+ window.screen.colorDepth +" 位彩色"+"<br />";
s += " 你的屏幕設(shè)置 "+ window.screen.deviceXDPI +" 像素/英寸"+"<br />";
document.getElementById("div_html").innerHTML = s;
</script>
</body>
</html>
代碼說(shuō)明圖如下：
相關(guān)文章
本文主要分享了天氣插件的示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
這篇文章主要介紹了JS實(shí)現(xiàn)的豎向折疊菜單代碼,涉及JavaScript動(dòng)態(tài)遍歷頁(yè)面元素及樣式修改的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了微信小程序單選框如何自定義賦值，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05
這篇文章主要為大家詳細(xì)介紹了js瀏覽器html5表單驗(yàn)證,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)吸頂特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
js實(shí)現(xiàn)購(gòu)物車(chē)計(jì)算的方法
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)購(gòu)物車(chē)的計(jì)算方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
Three.js是一個(gè)JavaScript庫(kù),用于在Web瀏覽器中創(chuàng)建3D Web圖形,下面這篇文章主要給大家介紹了關(guān)于three.js安裝和使用的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11
一文搞懂TypeScript的安裝、使用、自動(dòng)編譯的教程
TypeScript 是一種由微軟開(kāi)發(fā)的開(kāi)源、跨平臺(tái)的編程語(yǔ)言。它是 JavaScript 的超集，最終會(huì)被編譯為 JavaScript 代碼，關(guān)于TypeScript的安裝、使用、自動(dòng)編譯很多朋友不是很清楚，今天抽空給大家普及下，感興趣的朋友一起看看吧2021-06-06
國(guó)外JavaScript經(jīng)典封裝集合整理
國(guó)外JavaScript經(jīng)典封裝集合整理...2007-05-05
一個(gè)效果寫(xiě)的HashTable代碼...2007-03-03