javascript window.screen對象如何應用

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

Window 對象

所有瀏覽器都支持 window 對象。它表示瀏覽器窗口。

所有 JavaScript 全局對象、函數以及變量均自動成為 window 對象的成員。

全局變量是 window 對象的屬性。

全局函數是 window 對象的方法。

甚至 HTML DOM 的 document 也是 window 對象的屬性之一：

window.document.getElementById("header");

與此相同：

document.getElementById("header");

Window 尺寸

有三種方法能夠確定瀏覽器窗口的尺寸（瀏覽器的視口，不包括工具欄和滾動條）。

對于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：

window.innerHeight - 瀏覽器窗口的內部高度 window.innerWidth - 瀏覽器窗口的內部寬度

對于 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 對象包含有關用戶屏幕的信息。

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

一些屬性：

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

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

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

實例

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

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

以上代碼輸出為：

Window Screen 可用高度

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

實例

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

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

以上代碼將輸出：

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