javascript window.screen對象如何應(yīng)用

這篇文章主要介紹了javascript window.screen對象如何應(yīng)用的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇javascript window.screen對象如何應(yīng)用文章都會有所收獲，下面我們一起來看看吧。

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

實用的 JavaScript 方案（涵蓋所有瀏覽器）：

實例

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

該例顯示瀏覽器窗口的高度和寬度：（不包括工具欄/滾動條）

Window Screen

window.screen 對象包含有關(guān)用戶屏幕的信息。

window.screen對象在編寫時可以不使用 window 這個前綴。

一些屬性：

• screen.availWidth - 可用的屏幕寬度

• screen.availHeight - 可用的屏幕高度

Window Screen 可用寬度 screen.availWidth 屬性返回訪問者屏幕的寬度，以像素計，減去界面特性，比如窗口任務(wù)欄。

實例

返回您的屏幕的可用寬度：

<script>
document.write("可用寬度: " + screen.availWidth);
</script>

以上代碼輸出為：

Window Screen 可用高度

screen.availHeight 屬性返回訪問者屏幕的高度，以像素計，減去界面特性，比如窗口任務(wù)欄。

實例

返回您的屏幕的可用高度：

<script>
document.write("可用高度: " + screen.availHeight);
</script>

以上代碼將輸出：

關(guān)于“javascript window.screen對象如何應(yīng)用”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“javascript window.screen對象如何應(yīng)用”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道。