dialog 的简单使用（简单的弹出一个对话框）

来源：互联网发布：matlab是编程软件吗编辑：程序博客网时间：2024/05/14 17:40

<!doctype html><html lang="en"><head>  <meta charset="utf-8">  <title>dialog demo</title>  <!--引用-->  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>  </head><body> <!--打开操作--><button onclick="opendialog('caa','cbb')">打开</button><!--容器，对话框的内容--><div id="dialog" title="标题">内容0:<input type="text" value="" name="text" id="text">内容1:<input type="text" value="" name="text1" id="text1"><!--关闭，触发onclick()事件--><button onclick="closedialog()">关闭</button></div> <script><!--打开dialog事件-->function opendialog(aa,bb){document.getElementById("text").value=aa;document.getElementById("text1").value=bb;$("#dialog").dialog("open");}<!--关闭dialog事件-->function closedialog(){$("#dialog").dialog("close");}<!--设置dialog的属性-->$("#dialog").dialog({<!--此处进行属性设置，参考：http://api.jqueryui.com/dialog/#option-buttons-->autoOpen:false,modal:true,closeOnEscape:true,dialogClass:"",model:true,resizable:false,})</script> </body></html>