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