JavaScript 很好的結合了 HTML 和 CSS，它的應用非常廣泛，其中一個常見的特點是可以開啟新的窗口。在本文中，我們將深入討論如何使用 JavaScript 開啟新的窗口。

在網站中，我們經常需要在新窗口中顯示一個頁面或者文件。比如說，點擊一個鏈接后，我們希望在新窗口中打開一個 PDF 文件或者顯示一個提示窗口。這時，我們就可以使用 JavaScript 的 window.open() 方法來實現。

window.open(url, windowName, [windowFeatures])

其中，url 是要顯示的頁面或者文件的網址；windowName 是窗口名稱，它可以是一個已經存在的窗口或者一個新的窗口的名稱；windowFeatures 是一個可選參數，用于設置窗口的一些特性，比如窗口的大小、是否顯示工具欄等等。

下面是一個簡單的例子，當點擊按鈕時，會彈出一個新的窗口來顯示百度的網頁。

<button onclick="openWindow()">Open New Window</button>
<script>
function openWindow() {
window.open('https://www.baidu.com', '_blank', 'width=800,height=600');
}
</script>

在這個例子中，我們使用了 onclick 事件來觸發 openWindow() 函數。這個函數中使用 window.open() 方法來打開一個新窗口，并設置了寬度和高度為 800 和 600。

除了設置窗口的特性之外，我們還可以在新窗口中顯示 HTML 內容。比如說，我們可以創建一個新的字符串來包含要顯示的 HTML 內容，并將它傳遞給 window.open() 方法。

let htmlContent = '<h1>Hello, World!</h1><p>This is a new window.</p>';
window.open('data:text/html;charset=utf-8,' + encodeURI(htmlContent), '_blank');

在這個例子中，我們創建了一個包含一個標題和一個段落的 HTML 內容，并將它編碼后傳遞給 window.open() 方法以顯示在新窗口中。需要注意的是，我們使用了 "data:text/html;charset=utf-8," 來指示要顯示的內容是 HTML 格式的。

總之，在 JavaScript 中開啟新的窗口非常方便，它為我們提供了更多的選擇和擴展性。如果你還沒有使用過這個功能，那么趕快去嘗試一下吧！