在JavaScript中，可以使用window.showModalDialog方法來創建一個模態窗口。模態窗口是指在打開的窗口上，用戶不能與其他窗口進行交互，直到關閉模態窗口為止。

window.showModalDialog方法接受兩個參數：URL和窗口參數。URL參數表示要加載的頁面的URL地址，窗口參數是一個可選參數，用于指定窗口的屬性，如大小、位置等。

以下是使用window.showModalDialog方法的詳細步驟：

1. 創建一個新的HTML文件，命名為modal.html（或任何你想要的名稱）。
2. 在modal.html中，添加一個按鈕或其他觸發事件的元素，例如：

   <button onclick="openModal()">打開模態窗口</button>
   

3. 在modal.html的<script>標簽中，編寫一個名為openModal的函數，用于打開模態窗口，例如：

   function openModal() {
     var url = 'https://www.example.com'; // 指定要加載的頁面的URL
     var params = 'dialogWidth:400px;dialogHeight:300px'; // 可選的窗口參數
     window.showModalDialog(url, params);
   }
   

4. 保存并關閉modal.html文件。
5. 在另一個HTML文件中，添加一個鏈接或按鈕，用于打開modal.html，例如：

   <button onclick="openModalWindow()">打開模態窗口</button>
   

6. 在該HTML文件的<script>標簽中，編寫一個名為openModalWindow的函數，用于打開modal.html，例如：

   function openModalWindow() {
     var url = 'modal.html'; // 指定要加載的模態窗口的HTML文件
     var params = 'dialogWidth:400px;dialogHeight:300px'; // 可選的窗口參數
     window.showModalDialog(url, params);
   }
   

7. 保存并運行該HTML文件，在點擊鏈接或按鈕時將打開一個模態窗口。

注意事項：

• window.showModalDialog方法在現代瀏覽器中已經不被支持，推薦使用window.open方法代替。
• 如果需要在模態窗口中返回值給父窗口，可以使用window.returnValue屬性。
• 模態窗口的內容可以通過在modal.html中添加HTML代碼來自定義。
• 可以通過在窗口參數中指定位置屬性來控制模態窗口的位置，例如dialogLeft和dialogTop。