在網頁開發中，經常需要獲取或設置瀏覽器窗口的高度。Javascript作為一種在瀏覽器端交互的編程語言，自然可以實現這個功能。今天我們就來聊一聊Javascript獲取瀏覽器窗口高度的方法及其應用。 一、獲取瀏覽器窗口高度 我們可以使用window對象中的innerHeight屬性來獲取瀏覽器窗口的高度，代碼如下：

var winHeight = window.innerHeight;
console.log(winHeight);

這樣，就可以在控制臺中輸出當前瀏覽器窗口的高度了。需要注意的是，innerHeight屬性所獲取的高度包括瀏覽器窗口的工具欄、菜單欄等，但不包括滾動條。 二、應用場景舉例 1. 自適應設置元素高度 在開發響應式網頁時，我們經常需要根據瀏覽器窗口的高度來設置一些元素的高度，以達到自適應的效果。比如，我們可以根據窗口高度來設置一個結構化布局的高度：

var winHeight = window.innerHeight;
var layoutHeight = winHeight - 100; // 窗口高度減去100px的保留高度
document.getElementById('layout').style.height = layoutHeight + 'px';

這樣，就可以根據窗口高度自適應設置布局的高度了。 2. 處理彈窗的位置和大小 在開發中我們可能需要使用彈窗來進行一些交互操作，這時就需要根據瀏覽器窗口的高度來設置彈窗的位置和大小。比如，我們可以根據窗口高度來將彈窗顯示在瀏覽器窗口中央：

var winHeight = window.innerHeight;
var popupHeight = 300; // 彈窗的高度
var popupWidth = 400; // 彈窗的寬度
var top = (winHeight - popupHeight) / 2;
var left = (window.innerWidth - popupWidth) / 2;
window.open('popup.html', 'popup', 'height=' + popupHeight + ',width=' + popupWidth + ',top=' + top + ',left=' + left + ',resizable=no,scrollbars=no');

這樣，就可以實現一個自適應的彈窗。 三、總結 使用Javascript獲取瀏覽器窗口高度可以方便我們處理一些自適應的需求，在開發中應用相當廣泛。我們可以使用window對象中的innerHeight屬性來獲取當前窗口高度，并根據其進行一些位置和大小的處理。希望這篇文章能夠幫助到大家，謝謝大家的收看。