js實時擷取浏覽器視窗大小，我們可以使用addEventListener()方法來實作。該addEventListener()方法可以注冊事件處理程式以偵聽浏覽器視窗resize事件，例如window.addEventListener('resize', ...)。
下面我們結合具體的代碼執行個體，給大家介紹js實時擷取浏覽器視窗大小的方法。
代碼示例如下：
js實時擷取浏覽器視窗大小示例
// 定義事件偵聽器函數
function displayWindowSize(){
// 擷取視窗的寬度和高度，不包括滾動條
var w = document.documentElement.clientWidth;
var h = document.documentElement.clientHeight;
// 在div元素中顯示結果
document.getElementById("result").innerHTML = "寬: " + w + ", " + "高: " + h;
}
// 将事件偵聽器函數附加到視窗的resize事件
window.addEventListener("resize", displayWindowSize);
// 第一次調用該函數
displayWindowSize();
上述代碼中，我們自定義了一個擷取視窗寬高的displayWindowSize函數(通過clientWidth和clientHeight屬性)，然後在addEventListener() 方法中，添加兩個參數，分别是“resize”，“displayWindowSize”。
第一個參數則是可以實時監聽視窗大小，當視窗每發生變化一次，就會調用第二參數即displayWindowSize函數。
擷取目前正常浏覽器視窗大小，如下所示：
當我們将其浏覽器視窗縮小，擷取大小如下所示：
縮小視窗後，無需重新整理，擷取的大小也會實時顯示。
注：EventTarget.addEventListener() 方法将指定的監聽器注冊到 EventTarget上，當該對象觸發指定的事件時，指定的回調函數就會被執行。 事件目标可以是一個文檔上的元素 Element,Document和Window或者任何其他支援事件的對象 (比如 XMLHttpRequest)。
本篇文章就是關于js實時擷取浏覽器視窗大小的具體方法介紹，簡單易懂，希望對需要的朋友有所幫助！