Latest web development tutorials

HTML DOM Dialog showModal() 方法

Dialog 對象參考手冊 Dialog對象

實例

顯示對話窗口:

document.getElementById("myDialog").showModal();

嘗試一下»

定義和用法

showModal() 方法用於顯示對話窗口shows the dialog.

當該方法用於顯示對話窗口時,用戶不可以與頁面的其他元素進行交互。 如果你想讓用戶在對話窗口彈出時仍然可以與頁面交互,你可以使用show() 方法。

提示:該方法通常與close()方法一起使用。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

注意:目前只有Chrome Canary,Safari 6瀏覽器支持showModal()方法。

注意:即便Chrome Canary支持<dialog>元素,你必須在Chrome地址欄中打開chrome://flags並開啟"Enable experimental Web Platform features"標記。 在開啟後,你需要重啟Chrome瀏覽器。


語法

dialogObject .showModal()


Dialog 對象參考手冊 Dialog對象