Javascript是前端開發(fā)中必須掌握的技能之一，它有著豐富的功能和特性。其中，display就是Javascript中非常重要的一部分。通過display，我們可以設置一個HTML元素的顯示方式。它決定了一個元素在網(wǎng)頁中顯示的位置和狀態(tài)，比如它可以隱藏、顯示、占據(jù)多行甚至是占據(jù)整個頁面。

一個很常見的例子就是通過display來隱藏元素。假設我們有一個button按鈕，點擊之后可以彈出一個彈窗。但是一開始我們并不想讓這個彈窗顯示出來，那么就可以在CSS中設置其display為none。

button{
background-color: red;
color: white;
}
.popup{
display: none;
position: absolute;
}

上述代碼中，我們定義了button的樣式，并在.popup類中設置了其display為none。那么在頁面加載時，這個彈窗就會被隱藏。接下來，我們定義一個事件監(jiān)聽器，當button被點擊時，我們就可以讓它彈出來。如下:

button.addEventListener('click', function(){
let popup = document.querySelector('.popup');
popup.style.display = 'block';
});

在事件監(jiān)聽器的回調(diào)函數(shù)中，我們通過querySelector找到了.popup類的元素，并將其display設置為block，這樣就可以顯示出來了。

除了隱藏和顯示，display還有其他的一些屬性值可以設置。其中包括inline、block、inline-block、flex等等。這些屬性值決定了一個元素在文檔中的布局方式。比如，block元素會占據(jù)一整行，而inline元素則不會。

另一個常見的應用場景是通過display來定義元素的尺寸和位置。比如，我們想讓一個元素居中顯示，那么可以設置其display為flex，并在其父元素上設置justify-content和align-items屬性。

.container{
display: flex;
justify-content: center;
align-items: center;
}

在上述代碼中，我們在.container元素上設置display為flex，表示它是一個flex容器。接下來，我們再設置justify-content和align-items為center，這樣.container內(nèi)部的元素就會居中顯示出來。

總的來說，display在Javascript中有著很重要的應用。我們可以通過它控制HTML元素的顯示和位置，讓頁面顯示出更多樣的效果。不過需要注意的是，在設置display屬性時，我們還需要注意到不同的屬性值會對元素的布局和尺寸產(chǎn)生不同的效果，因此需要謹慎使用。