<head></head>
<body>
<!-- dialog -->
<button onclick=dakai()></button>
<dialog id='dialog'>this is a dialog</dialog>
<script>
var dakai=function(){
var x=document.getElementById("dialog").open
console.log(x)
if(x){
document.getElementById("dialog").removeAttribute('open')
}else{
document.getElementById("dialog").setAttribute('open','open')
}
</script>
</body>
</html>
1、首先下载EasyUI的组件包，然后导入到开发工具中并且在HTML页面导入jquery脚本。
2、接下来需要导入的easyui的脚本文件，如下图所示，一定先导入jquery后导入easyui。
3、然后需要导入的是easyui的样式文件，如下图所示，样式文件只需要easyui.css即可。
4、接下来还需要导入的是语言文件，不导入的话可能会导致一些组件是英文。
5、接下来在body中定义一个div，然后给它一个easyui-dialog的样式。
6、然后运行页面，就会在页面中看到一个dialog的弹出窗口了，就可以关闭对话框了。
