快捷導(dǎo)航

JS獲取網(wǎng)頁(yè)屬性包括寬、高等等

更新時(shí)間：2014年04月03日 15:43:09 作者：

這篇文章主要介紹了JS獲取網(wǎng)頁(yè)屬性包括寬、高等等,需要的朋友可以參考下

 
function getInfo() 
{ 
var s = ""; 
s += " 網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?+ document.body.clientWidth+" "; 
s += " 網(wǎng)頁(yè)可見(jiàn)區(qū)域高："+ document.body.clientHeight+" "; 
s += " 網(wǎng)頁(yè)可見(jiàn)區(qū)域?qū)挘?+ document.body.offsetWidth + " (包括邊線和滾動(dòng)條的寬)"+" "; 
s += " 網(wǎng)頁(yè)可見(jiàn)區(qū)域高："+ document.body.offsetHeight + " (包括邊線的寬)"+" "; 
s += " 網(wǎng)頁(yè)正文全文寬："+ document.body.scrollWidth+" "; 
s += " 網(wǎng)頁(yè)正文全文高："+ document.body.scrollHeight+" "; 
s += " 網(wǎng)頁(yè)被卷去的高(ff)："+ document.body.scrollTop+" "; 
s += " 網(wǎng)頁(yè)被卷去的高(ie)："+ document.documentElement.scrollTop+" "; 
s += " 網(wǎng)頁(yè)被卷去的左："+ document.body.scrollLeft+" "; 
s += " 網(wǎng)頁(yè)正文部分上："+ window.screenTop+" "; 
s += " 網(wǎng)頁(yè)正文部分左："+ window.screenLeft+" "; 
s += " 屏幕分辨率的高："+ window.screen.height+" "; 
s += " 屏幕分辨率的寬："+ window.screen.width+" "; 
s += " 屏幕可用工作區(qū)高度："+ window.screen.availHeight+" "; 
s += " 屏幕可用工作區(qū)寬度："+ window.screen.availWidth+" "; 
s += " 你的屏幕設(shè)置是 "+ window.screen.colorDepth +" 位彩色"+" "; 
s += " 你的屏幕設(shè)置 "+ window.screen.deviceXDPI +" 像素/英寸"+" "; 
s += " window的頁(yè)面可視部分實(shí)際高度(ff) "+window.innerHeight+" "; 
alert (s); 
}; 

您可能感興趣的文章:

網(wǎng)頁(yè)屬性

相關(guān)文章

JavaScript如何一次性展示幾萬(wàn)條數(shù)據(jù)
本文主要介紹了JavaScript一次性展示幾萬(wàn)條數(shù)據(jù)的實(shí)現(xiàn)方法。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-03-03
js實(shí)現(xiàn)百度聯(lián)盟中一款不錯(cuò)的圖片切換效果完整實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)百度聯(lián)盟中一款不錯(cuò)的圖片切換效果的方法,以完整實(shí)例形式分析了javascript操作圖片切換的技巧,需要的朋友可以參考下
2015-03-03
微信小程序開(kāi)發(fā)自定義tabBar實(shí)戰(zhàn)案例(定制消息99+小紅心)
一定的需求情況下無(wú)法使用小程序原生的tabbar的時(shí)候,需要自行實(shí)現(xiàn)一個(gè)和tabbar功能一模一樣的自制組件,下面這篇文章主要給大家介紹了關(guān)于微信小程序開(kāi)發(fā)自定義tabBar(定制消息99+小紅心)的相關(guān)資料,需要的朋友可以參考下
2022-12-12
學(xué)習(xí)JavaScript設(shè)計(jì)模式(封裝)
這篇文章主要帶領(lǐng)大家學(xué)習(xí)JavaScript設(shè)計(jì)模式，其中重點(diǎn)介紹封裝，舉例說(shuō)明封裝的思想，對(duì)封裝進(jìn)行詳細(xì)剖析，感興趣的小伙伴們可以參考一下
2015-11-11
PHP7新特性簡(jiǎn)述
本文通過(guò)實(shí)例給大家介紹了PHP7新特性的相關(guān)知識(shí)，需要的朋友參考下吧
2017-06-06
JS 創(chuàng)建對(duì)象的模式實(shí)例小結(jié)
這篇文章主要介紹了JS 創(chuàng)建對(duì)象的模式,結(jié)合實(shí)例形式總結(jié)分析了JS 創(chuàng)建對(duì)象的各種常用模式,包括工廠模式、構(gòu)造函數(shù)模式、原型模式、組合構(gòu)造和原型模式、動(dòng)態(tài)原型模式、寄生構(gòu)造函數(shù)模式、穩(wěn)妥構(gòu)造模式等,需要的朋友可以參考下
2020-04-04
JavaScript金額運(yùn)算出現(xiàn)精度丟失問(wèn)題的解決方案
在 JavaScript 中,浮點(diǎn)數(shù)運(yùn)算可能會(huì)產(chǎn)生精度丟失的問(wèn)題,尤其在處理金額計(jì)算時(shí),本文為大家整理了一些常用方法,有需要的小伙伴可以根據(jù)需求進(jìn)行選擇
2025-03-03
javascript驗(yàn)證香港身份證的格式或真實(shí)性
本文分享了利用javascript驗(yàn)證香港身份證的格式或真實(shí)性的代碼，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-02-02
js替換字符串中所有指定的字符(實(shí)現(xiàn)代碼)
下面小編就為大家?guī)?lái)一篇js替換字符串中所有指定的字符(實(shí)現(xiàn)代碼)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-08-08
微信小程序用戶授權(quán)，以及判斷登錄是否過(guò)期的方法
這篇文章主要介紹了微信小程序用戶授權(quán)及判斷登錄是否過(guò)期，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-05-05