成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

JS 獲取屏幕、瀏覽器、頁面的高度寬度

Alan / 1730人閱讀

摘要：即屏幕高度減去上下任務(wù)欄后的高度，可表示為軟件最大化時的高度。瀏覽器內(nèi)頁面可用高度此高度包含了水平滾動條的高度若存在?？杀硎緸闉g覽器當(dāng)前寬度去除瀏覽器邊框后的寬度。頁面信息總高度。展示的高度表示在瀏覽器內(nèi)顯示的區(qū)域高度。

（草稿）

屏幕信息

screen.height ：屏幕高度。

screen.width ：屏幕寬度。

screen.availHeight ：屏幕可用高度。即屏幕高度減去上下任務(wù)欄后的高度，可表示為軟件最大化時的高度。

screen.availWidth ：屏幕可用寬度。即屏幕寬度減去左右任務(wù)欄后的寬度，可表示為軟件最大化時的寬度。

任務(wù)欄高/寬度 ：可通過屏幕高/寬度 減去 屏幕可用高/寬度得出。如：任務(wù)欄高度 = screen.height - screen.availHeight

瀏覽器信息

window.outerHeight ：瀏覽器高度。

window.outerWidth ：瀏覽器寬度。

window.innerHeight ：瀏覽器內(nèi)頁面可用高度；此高度包含了水平滾動條的高度(若存在)?？杀硎緸闉g覽器當(dāng)前高度去除瀏覽器邊框、工具條后的高度。

window.innerWidth ：瀏覽器內(nèi)頁面可用寬度；此寬度包含了垂直滾動條的寬度(若存在)?？杀硎緸闉g覽器當(dāng)前寬度去除瀏覽器邊框后的寬度。

工具欄高/寬度 ：包含了地址欄、書簽欄、瀏覽器邊框等范圍。如：高度，可通過瀏覽器高度 - 頁面可用高度得出，即：window.outerHeight - window.innerHeight。

頁面信息

body.offsetHeight ：body總高度。

body.offsetWidth ：body總寬度。

body.clientHeight ：body展示的高度；表示body在瀏覽器內(nèi)顯示的區(qū)域高度。

body.clientWidth ：body展示的寬度；表示body在瀏覽器內(nèi)顯示的區(qū)域?qū)挾取?/p>

滾動條高度/寬度 ：如高度，可通過瀏覽器內(nèi)頁面可用高度 - body展示高度得出，即window.innerHeight - body.clientHeight

參見：HTML 獲取屏幕、瀏覽器、頁面的高度寬度

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/84554.html

相關(guān)文章

  • 關(guān)于JS、JQ獲取可視區(qū)域的高度、寬度以及屏幕分辨率的那些事

    摘要：用和獲取相關(guān)屬性網(wǎng)頁可見區(qū)域?qū)捑W(wǎng)頁可見區(qū)域高網(wǎng)頁可見區(qū)域?qū)挵ㄟ吙虻膶捑W(wǎng)頁可見區(qū)域高包括邊框的高網(wǎng)頁正文全文寬網(wǎng)頁正文全文高網(wǎng)頁下滑的距離網(wǎng)頁左滑的距離屏幕分辨率的高屏幕分辨率的寬屏幕可用工作區(qū)的高屏幕可用工作區(qū)的高瀏覽器可視區(qū)域的內(nèi)寬度， 用JS和JQ獲取相關(guān)屬性 JavaScript document.body.clientWidth;//網(wǎng)頁可見區(qū)域?qū)抎ocument.body....

    or0fun 評論0 收藏0

  • 移動web開發(fā)問題和經(jīng)驗(yàn)總結(jié)

    摘要：的事件默認(rèn)綁在上的抓包瀏覽器連接安卓機(jī)測試實(shí)用網(wǎng)站適配測試兼容性網(wǎng)站前端開發(fā)雅虎條優(yōu)化準(zhǔn)則 前言 這里大部分是自己遇到過的情況，還有一部分借鑒了同行的文章，如果大家有遇到其它坑，歡迎提出來一起研究。 知識要點(diǎn) 1. Meta標(biāo)簽 1.禁止用戶縮放頁面，頁面強(qiáng)制讓文檔的寬度與設(shè)備的寬度保持1:1 2.禁止ios上自動識別電話 3.禁止android上自動識別郵箱 4.針對ios上的...

    MorePainMoreGain 評論0 收藏0

  • 移動web開發(fā)問題和經(jīng)驗(yàn)總結(jié)

    摘要：的事件默認(rèn)綁在上的抓包瀏覽器連接安卓機(jī)測試實(shí)用網(wǎng)站適配測試兼容性網(wǎng)站前端開發(fā)雅虎條優(yōu)化準(zhǔn)則 前言 這里大部分是自己遇到過的情況，還有一部分借鑒了同行的文章，如果大家有遇到其它坑，歡迎提出來一起研究。 知識要點(diǎn) 1. Meta標(biāo)簽 1.禁止用戶縮放頁面，頁面強(qiáng)制讓文檔的寬度與設(shè)備的寬度保持1:1 2.禁止ios上自動識別電話 3.禁止android上自動識別郵箱 4.針對ios上的...

    yexiaobai 評論0 收藏0

  • 移動web開發(fā)問題和經(jīng)驗(yàn)總結(jié)

    摘要：的事件默認(rèn)綁在上的抓包瀏覽器連接安卓機(jī)測試實(shí)用網(wǎng)站適配測試兼容性網(wǎng)站前端開發(fā)雅虎條優(yōu)化準(zhǔn)則 前言 這里大部分是自己遇到過的情況，還有一部分借鑒了同行的文章，如果大家有遇到其它坑，歡迎提出來一起研究。 知識要點(diǎn) 1. Meta標(biāo)簽 1.禁止用戶縮放頁面，頁面強(qiáng)制讓文檔的寬度與設(shè)備的寬度保持1:1 2.禁止ios上自動識別電話 3.禁止android上自動識別郵箱 4.針對ios上的...

    Wildcard 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<