JS獲取網(wǎng)頁屬性包括寬、高等等
更新時間:2014年04月03日 15:43:09 作者:
這篇文章主要介紹了JS獲取網(wǎng)頁屬性包括寬、高等等,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
function getInfo()
{
var s = "";
s += " 網(wǎng)頁可見區(qū)域?qū)挘?+ document.body.clientWidth+" ";
s += " 網(wǎng)頁可見區(qū)域高:"+ document.body.clientHeight+" ";
s += " 網(wǎng)頁可見區(qū)域?qū)挘?+ document.body.offsetWidth + " (包括邊線和滾動條的寬)"+" ";
s += " 網(wǎng)頁可見區(qū)域高:"+ document.body.offsetHeight + " (包括邊線的寬)"+" ";
s += " 網(wǎng)頁正文全文寬:"+ document.body.scrollWidth+" ";
s += " 網(wǎng)頁正文全文高:"+ document.body.scrollHeight+" ";
s += " 網(wǎng)頁被卷去的高(ff):"+ document.body.scrollTop+" ";
s += " 網(wǎng)頁被卷去的高(ie):"+ document.documentElement.scrollTop+" ";
s += " 網(wǎng)頁被卷去的左:"+ document.body.scrollLeft+" ";
s += " 網(wǎng)頁正文部分上:"+ window.screenTop+" ";
s += " 網(wǎng)頁正文部分左:"+ 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的頁面可視部分實際高度(ff) "+window.innerHeight+" ";
alert (s);
};
您可能感興趣的文章:
- javascript獲取網(wǎng)頁寬高方法匯總
- javascript實現(xiàn)網(wǎng)頁中涉及的簡易運動(改變寬高、透明度、位置)
- JS獲取屏幕,瀏覽器窗口大小,網(wǎng)頁高度寬度(實現(xiàn)代碼)
- javascript獲取和判斷瀏覽器窗口、屏幕、網(wǎng)頁的高度、寬度等
- 獲取JS中網(wǎng)頁各種高寬與位置的方法總結(jié)
- JavaScript獲取網(wǎng)頁、瀏覽器、屏幕高度和寬度匯總
- javascript獲取網(wǎng)頁各種高寬及位置的方法總結(jié)
- jQuery javascript獲得網(wǎng)頁的高度與寬度的實現(xiàn)代碼
- JavaScript獲取網(wǎng)頁的寬高及如何兼容詳解
相關(guān)文章
js實現(xiàn)圖片旋轉(zhuǎn) js滾動鼠標(biāo)中間對圖片放大縮小
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)圖片旋轉(zhuǎn),滾動鼠標(biāo)中間對圖片放大縮小等效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07解析ScrollPic在ie8下只滾動一遍,然后變?yōu)榭瞻?ie6,ie7,chrome,firefox正常
解析ScrollPic在ie8下只滾動一遍,然后變?yōu)榭瞻?ie6,ie7,chrome,firefox都正常)2013-06-06javascript 彈出窗口中是否顯示地址欄的實現(xiàn)代碼
程序中通過點擊一個“發(fā)貨提醒”鏈接彈出另一個窗口,使用的方法是用javascript 的openUrl()方法。2011-04-04JS DOMReady事件的六種實現(xiàn)方法總結(jié)
下面小編就為大家?guī)硪黄狫S DOMReady事件的六種實現(xiàn)方法總結(jié)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11微信小程序使用websocket通訊的demo,含前后端代碼,親測可用
這篇文章主要介紹了微信小程序使用websocket通訊的demo,含前后端代碼,親測可用,需要的朋友可以參考下2019-05-05javascript之textarea打字機效果提示代碼推薦
非常不錯的提示輸入內(nèi)容,動態(tài)的提示,給人親切感2008-09-09