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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。