JavaScript是目前最常用的網頁編程語言之一。在網頁設計中，經常需要使用JavaScript來控制網頁的高度。JavaScript可以通過獲取網頁高度的方法來實現這個功能。 網頁高度的獲取方法有很多，其中比較常用的方法是通過document.body.scrollHeight屬性獲取網頁的高度。這個屬性返回的是網頁內容的總高度，包括內容區域和滾動條的高度。 例如，在一個div中，如果內容的高度超出了div的高度，就需要通過JavaScript來控制div的高度，使其自動適應內容的高度。代碼如下：

const div = document.getElementById('myDiv');
div.style.height = `${document.body.scrollHeight}px`;

這段代碼首先獲取了id為myDiv的div元素，然后通過設置div的樣式屬性height來達到自動適應內容高度的效果。其中使用了ES6的模板字符串來設置height屬性的值，這個值等于document.body.scrollHeight加上單位px。 除了使用document.body.scrollHeight屬性來獲取網頁高度，還可以使用其他方法，比如使用window.innerHeight和document.documentElement.scrollHeight屬性。這兩個屬性分別返回了瀏覽器窗口的高度和網頁內容的總高度，可以通過它們來實現類似的自適應高度的效果。 另外，如果需要動態地改變網頁高度，可以使用window.resizeTo()方法，它可以改變瀏覽器窗口的大小，從而達到改變網頁高度的效果。 例如，下面的代碼將窗口的寬度改為800像素，高度改為600像素：

window.resizeTo(800, 600);

總結來說，JavaScript在網頁設計中扮演著重要的角色，通過獲取網頁高度等方法，可以實現網頁的自適應高度、動態改變網頁高度等功能。這些功能在網頁設計中十分常用，因此掌握這些方法對于提高網頁設計的效率和質量有著重要的意義。