HTML | DOM 对话框 showModal() 方法

DOM Dialog showModal() 方法用于显示对话框。 Dialog 元素由 getElementById() 访问。它用于 HTML5。
使用此方法时，用户无法与页面上的其他元素进行交互。要使用户与其他元素交互，请使用 show() 方法。

句法：

dialogObject.showModal()

示例：此示例显示了 Dialog showModal() 方法的工作：

  
 HTML | DOM Dialog showModal() Method
Click on the below buttons to show the dialog window.
  
Show dialog box
  
  

            Welcome to GeeksforGeeks
  

var gfg = document.getElementById("showDialog"); 
  
function showDialog() { 
gfg.showModal(); 
} 

  

                    
                    

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

• 谷歌浏览器 37.0
• 歌剧 24.0
• Safari 6.0