如何使用JavaScript獲取窗口大小

JavaScript是一種流行的編程語言，在網站設計和開發中廣泛應用。其中，獲取窗口大小是一個非常重要的功能。在本文中，我們將從多個方面詳細介紹如何使用JavaScript獲取窗口大小。

一、js獲取窗口寬度

//獲取窗口寬度
var width = window.innerWidth 
|| document.documentElement.clientWidth 
|| document.body.clientWidth;

console.log("窗口寬度為：" + width);

上述代碼使用了window.innerWidth方法來獲取當前窗口的寬度。若該方法不可用，則使用document.documentElement.clientWidth方式獲取寬度。若仍不可用，則退而求其次使用document.body.clientWidth方法獲取寬度。

二、js獲取窗口高度

//獲取窗口高度
var height = window.innerHeight 
|| document.documentElement.clientHeight 
|| document.body.clientHeight;

console.log("窗口高度為：" + height);

同樣地，上述代碼使用window.innerHeight方法獲取當前窗口的高度。若該方法不可用，則使用document.documentElement.clientHeight方式獲取高度。若仍不可用，則退而求其次使用document.body.clientHeight方法獲取高度。

三、js改變窗口大小

//改變窗口大小
window.resizeTo(width,height);

上述代碼使用window.resizeTo方法來改變當前窗口的大小。需要注意的是，該方法只能在新窗口或由window.open()生成的窗口中使用。在普通的窗口中，該方法無效。

四、js獲取瀏覽器窗口寬度

//獲取瀏覽器窗口寬度
var browserWidth = window.outerWidth;

console.log("瀏覽器窗口寬度為：" + browserWidth);

上述代碼使用window.outerWidth方法獲取當前瀏覽器窗口的寬度。

五、js獲取瀏覽器窗口高度

//獲取瀏覽器窗口高度
var browserHeight = window.outerHeight;

console.log("瀏覽器窗口高度為：" + browserHeight);

同樣地，上述代碼使用window.outerHeight方法獲取當前瀏覽器窗口的高度。