当前位置: 代码迷 >> Web前端 >> window.showModalDialog施用
  详细解决方案

window.showModalDialog施用

热度:177   发布时间:2012-11-22 00:16:41.0
window.showModalDialog应用
背景说明:
1、在主窗口页面中点击按钮或链接触发事件弹出有模式窗口(对话框);
2、关增长对话框后需要传值到主窗口;

示例:

1、在主窗口界面中加入类似以下JS函数,名字自定义:
 <script language="javascript">
  function aa(){
	var obj = new Object();
	var result = window.showModalDialog("bb.html",obj,"dialogWidth=800px;dialogHeight=500px");
	if(result!=null){
	    alert(result);
	}
  }
 </script>


2、在HTML页面中调用第一步的1的函数:
<input type="button" value="window" onclick="javascript:aa();">



3、新建一个HTML文件作为弹出窗口要操作的界面(例中用的是bb.html):
<input type="button" value="submit" onclick="javascript:dd();">

  <script language="javascript">
  function dd(){
      window.returnValue="http://homepage.yesky.com";
      window.close();//关闭弹出窗口
  }
 </script>




  相关解决方案