菜鸟教程 tryjsref_dialog_show_close 在线代码实例

运行 保存 全屏 右侧展示 实时查看
主题:

 <p>点击按钮显示或者关闭对话窗口。</p>
<button onclick="showDialog()">显示对话窗口</button>
<button onclick="closeDialog()">关闭对话窗口</button>
<p><b>注意:</b>  目前只有Chrome Canary,Safari 6 浏览器支持 </p><dialog> 元素。<p></p>
<dialog id="myDialog">这是一个对话窗口</dialog>
<script>
var x = document.getElementById("myDialog"); 
function showDialog(){ 
	x.show(); 
} 
function closeDialog(){
	x.close(); 
} 
</script>


</dialog>