詳解JavaScript編程中的window與window.screen對(duì)象
Window 對(duì)象
所有瀏覽器都支持 window 對(duì)象。它表示瀏覽器窗口。
所有 JavaScript 全局對(duì)象、函數(shù)以及變量均自動(dòng)成為 window 對(duì)象的成員。
全局變量是 window 對(duì)象的屬性。
全局函數(shù)是 window 對(duì)象的方法。
甚至 HTML DOM 的 document 也是 window 對(duì)象的屬性之一：
window.document.getElementById("header");
與此相同：
document.getElementById("header");
Window 尺寸
有三種方法能夠確定瀏覽器窗口的尺寸（瀏覽器的視口，不包括工具欄和滾動(dòng)條）。
對(duì)于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：
- window.innerHeight - 瀏覽器窗口的內(nèi)部高度
- window.innerWidth - 瀏覽器窗口的內(nèi)部寬度
對(duì)于 Internet Explorer 8、7、6、5：
- document.documentElement.clientHeight
- document.documentElement.clientWidth
或者
- document.body.clientHeight
- document.body.clientWidth
實(shí)用的 JavaScript 方案（涵蓋所有瀏覽器）：
實(shí)例
var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var h=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
該例顯示瀏覽器窗口的高度和寬度：（不包括工具欄/滾動(dòng)條）
Window Screen
window.screen對(duì)象在編寫時(shí)可以不使用 window 這個(gè)前綴。
一些屬性：
- screen.availWidth - 可用的屏幕寬度
- screen.availHeight - 可用的屏幕高度
- Window Screen 可用寬度
- screen.availWidth 屬性返回訪問者屏幕的寬度，以像素計(jì)，減去界面特性，比如窗口任務(wù)欄。
實(shí)例
返回您的屏幕的可用寬度：
<script>
document.write("Available Width: " + screen.availWidth);
</script>
以上代碼輸出為：
Available Width: 1440
Window Screen 可用高度
screen.availHeight 屬性返回訪問者屏幕的高度，以像素計(jì)，減去界面特性，比如窗口任務(wù)欄。
實(shí)例
返回您的屏幕的可用高度：
<script>
document.write("Available Height: " + screen.availHeight);
</script>
以上代碼將輸出：
Available Height: 860
相關(guān)文章
Python3實(shí)現(xiàn)爬取簡(jiǎn)書首頁文章標(biāo)題和文章鏈接的方法【測(cè)試可用】
這篇文章主要介紹了Python3實(shí)現(xiàn)爬取簡(jiǎn)書首頁文章標(biāo)題和文章鏈接的方法,結(jié)合實(shí)例形式分析了Python3基于urllib及bs4庫針對(duì)簡(jiǎn)書網(wǎng)進(jìn)行文章抓取相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
這篇文章主要介紹了python 模擬放風(fēng)箏的示例代碼，幫助大家更好的利用python處理圖像，感興趣的朋友可以了解下2021-04-04
對(duì)python中兩種列表元素去重函數(shù)性能的比較方法
今天小編就為大家分享一篇對(duì)python中兩種列表元素去重函數(shù)性能的比較方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-06-06
今天小編就為大家分享一篇對(duì)python中Librosa的mfcc步驟詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-01-01
Python串口通信的接收與發(fā)送的實(shí)現(xiàn)
串口通信是指通過串口進(jìn)行數(shù)據(jù)傳輸?shù)囊环N通信方式,本文就來介紹一下Python串口通信的接收與發(fā)送的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下2023-11-11
centos 安裝Python3 及對(duì)應(yīng)的pip教程詳解
這篇文章主要介紹了centos 安裝Python3 及對(duì)應(yīng)的pip的教程，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了python獲取word文檔的總頁數(shù)的兩種方法,文中給出了兩種解決方案,兩種方案也都各有優(yōu)缺點(diǎn),可能也不一定是完全準(zhǔn)確的,需要的朋友可以參考下2024-03-03
Python讀取英文文件并記錄每個(gè)單詞出現(xiàn)次數(shù)后降序輸出示例
這篇文章主要介紹了Python讀取英文文件并記錄每個(gè)單詞出現(xiàn)次數(shù)后降序輸出,涉及Python文件讀取、字符串替換、分割以及字典遍歷、排序等相關(guān)操作技巧,需要的朋友可以參考下2018-06-06
Python 調(diào)用 zabbix api的方法示例
這篇文章主要介紹了Python 調(diào)用 zabbix api的方法示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-01-01
這篇文章主要介紹了Python函數(shù)式編程—高階函數(shù)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03