詳解JavaScript編程中的window與window.screen對象
Window 對象
所有瀏覽器都支持 window 對象。它表示瀏覽器窗口。
所有 JavaScript 全局對象、函數(shù)以及變量均自動成為 window 對象的成員。
全局變量是 window 對象的屬性。
全局函數(shù)是 window 對象的方法。
甚至 HTML DOM 的 document 也是 window 對象的屬性之一：
window.document.getElementById("header");
與此相同：
document.getElementById("header");
Window 尺寸
有三種方法能夠確定瀏覽器窗口的尺寸（瀏覽器的視口，不包括工具欄和滾動條）。
對于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：
- window.innerHeight - 瀏覽器窗口的內(nèi)部高度
- window.innerWidth - 瀏覽器窗口的內(nèi)部寬度
對于 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;
該例顯示瀏覽器窗口的高度和寬度：（不包括工具欄/滾動條）
Window Screen
window.screen對象在編寫時可以不使用 window 這個前綴。
一些屬性：
- 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)文章
這篇文章主要介紹了python實(shí)現(xiàn)黃金分割法的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
python 實(shí)現(xiàn)登錄網(wǎng)頁的操作方法
今天小編就為大家分享一篇python 實(shí)現(xiàn)登錄網(wǎng)頁的操作方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-05-05
平常工作生活中，boos可能會給我們很多網(wǎng)站取提取信息，這些網(wǎng)站有的無法響應(yīng)，有的404，有的501…真的需要所有網(wǎng)站都訪問再提取信息嗎？今天寫一個小工具用于篩選網(wǎng)站中能訪問的網(wǎng)站，在此僅舉一例，即狀態(tài)碼為200。2021-01-01
Jupyter Notebook調(diào)用指定的虛擬環(huán)境的實(shí)現(xiàn)示例
本文主要介紹了Jupyter Notebook調(diào)用指定的虛擬環(huán)境的實(shí)現(xiàn)示例，，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
Python?Setuptools的?setup.py實(shí)例詳解
setup.py是一個?python?文件，它的存在表明您要安裝的模塊/包可能已經(jīng)用?Setuptools?打包和分發(fā)，這是分發(fā)?Python?模塊的標(biāo)準(zhǔn)。?它的目的是正確安裝軟件，本文給大家講解Python?Setuptools的?setup.py感興趣的朋友跟隨小編一起看看吧2022-12-12
淺談python內(nèi)置函數(shù)callable的用法
這篇文章主要介紹了淺談python內(nèi)置函數(shù)callable的用法, callable函數(shù)可用于判斷一個對象是否可以被調(diào)用，若對象可以被調(diào)用則返回True,反之則返回False,需要的朋友可以參考下2023-04-04
Pytest初學(xué)者快速上手高效Python測試指南
這篇文章主要為大家介紹了Pytest初學(xué)者快速上手的高效Python測試指南，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2024-01-01
python3 pillow模塊實(shí)現(xiàn)簡單驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了python3 pillow模塊實(shí)現(xiàn)簡單驗(yàn)證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
使用Python實(shí)現(xiàn)一個棧判斷括號是否平衡
棧（Stack）在計(jì)算機(jī)領(lǐng)域是一個被廣泛應(yīng)用的集合，棧是線性集合，訪問都嚴(yán)格地限制在一段，叫做頂（top）。這篇文章主要介紹了使用Python實(shí)現(xiàn)一個棧判斷括號是否平衡,需要的朋友可以參考下2018-08-08
這篇文章主要介紹了基于python使用tibco ems代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-12-12