成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

JS 獲取屏幕、瀏覽器、頁(yè)面的高度寬度

Alan / 1600人閱讀

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

（草稿）

屏幕信息

screen.height ：屏幕高度。

screen.width ：屏幕寬度。

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

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

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

瀏覽器信息

window.outerHeight ：瀏覽器高度。

window.outerWidth ：瀏覽器寬度。

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

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

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

頁(yè)面信息

body.offsetHeight ：body總高度。

body.offsetWidth ：body總寬度。

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

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

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

參見(jiàn)：HTML 獲取屏幕、瀏覽器、頁(yè)面的高度寬度

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/84554.html

相關(guān)文章

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

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

    or0fun 評(píng)論0 收藏0

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

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

    MorePainMoreGain 評(píng)論0 收藏0

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

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

    yexiaobai 評(píng)論0 收藏0

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

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

    Wildcard 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<