HTML Dialog open用法及代码示例

DOM对话框的open属性用于设置或返回是否应打开对话框。 HTML5中的新函数
如果打开，则意味着用户可以与其进行交互。

用法:

它返回open属性：
```
dialogObject.open
```
它设置了open属性：
```
dialogObject.open = true|false
```

属性值：它接受两个值，即true | false，它指定是否应打开对话框窗口。默认情况下为false。

true:它指出对话框窗口已打开。
false:它指出对话框窗口未打开。

示例1：本示例返回Dialog open属性的值。

<!DOCTYPE html> 
<html> 
<body> 
  
<h3> HTML | DOM Dialog open Property</h3> 
  
<dialog id="Dialog" style= "color:green"> 
            Welcome to GeeksforGeeks</dialog> 
  
<button onclick = "openDialog()">  
Get the value of open property </button> 
<p id = "geeks"> </p> 
  
<script> 
function openDialog() {  
var gfg = document.getElementById("Dialog").open;  
document.getElementById("geeks").innerHTML = gfg; 
}  
</script> 
  
</body> 
</html>

输出：
在单击按钮之前：

单击按钮后：

示例2：本示例设置Dialog open属性的值。

<!DOCTYPE html> 
<html> 
<body> 
  
<h3> HTML | DOM Dialog open Property</h3> 
  
<dialog id="Dialog" style= "color:green"> 
            Welcome to GeeksforGeeks</dialog> 
  
<button onclick = "openDialog()">  
Set the value of open property </button> 
<p id = "geeks"> </p> 
  
<script> 
function openDialog() {  
var gfg = document.getElementById("Dialog").open = true;  
document.getElementById("geeks").innerHTML = gfg; 
}  
</script> 
  
</body> 
</html>

输出：
在单击按钮之前：

单击按钮后：

支持的浏览器：

谷歌浏览器
Opera
Safari

相关用法

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