当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML DOM Dialog close()用法及代码示例


DOM对话框close()方法用于关闭对话框。对话框元素由getElementById()访问。在HTML5中使用。
使用此方法时,用户可以与页面上的其他元素进行交互。与对话框show()方法一起使用。

用法:

dialogObject.close()

例:此示例显示了对话框close()方法的用法:


<!DOCTYPE html> 
<html> 
<body> 
  
<h3> HTML | DOM Dialog close() Method</h3> 
<p>Click on the below buttons to show or close the dialog window.</p> 
  
<button onclick="showDialog()">Show dialog box</button> 
<button onclick="closeDialog()">Close dialog box</button> 
  
  
<dialog id="showDialog" style= "color:green"> 
            Welcome to GeeksforGeeks</dialog> 
  
<script> 
var gfg = document.getElementById("showDialog");  
  
function showDialog() {  
gfg.show();  
}  
  
function closeDialog() {  
gfg.close();  
}  
</script> 
  
</body> 
</html>                     
                    

输出:
在单击按钮之前:

单击显示按钮后:

单击关闭按钮后:

支持的浏览器:

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


相关用法


注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Dialog close() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。