在使用JavaScript進行網(wǎng)頁設(shè)計的過程中，我們經(jīng)常需要通過JS來設(shè)置CSS樣式，其中寬度和高度是常見的設(shè)置項之一。

//設(shè)置元素的寬度和高度
var myElement = document.getElementById("myElement");
myElement.style.width = "200px";
myElement.style.height = "100px";

上述代碼中，我們首先使用`document.getElementById`方法獲取需要設(shè)置寬度和高度的元素，然后使用`style.width`和`style.height`分別設(shè)置寬度和高度的值，最后賦值給指定的像素數(shù)值（px）即可。

我們還可以使用百分比來設(shè)置元素的寬度和高度，代碼如下：

//設(shè)置元素的寬度和高度為50%
myElement.style.width = "50%";
myElement.style.height = "50%";

在上述代碼中，我們指定了元素寬度和高度的值為50%，這將使該元素相對于其包含塊寬度和高度的百分比來定義其寬度和高度。

使用JavaScript設(shè)置寬度和高度的好處在于，它可以讓我們在代碼中靈活地改變元素的尺寸和位置，同時也能讓我們動態(tài)地響應(yīng)用戶的輸入和需求。