window.showModalDialog()的用法

父页面脚本

function openPage() { //dialogHeight 对话框高度,不小于100px,dialogWidth 对话框宽度,dialogLeft 离屏幕左的距离,dialogTop 离屏幕上的距离,center 是否居中 //help 是否显示帮助按钮,resizable 是否可被改变大小,status 是否显示状态栏,是否显示滚动条 宽度 var arts = {"name":"无名","age":"32"}//参数可以是数组或对象 //用results接收弹出页面返回的值 var results = window.showModalDialog("Test3.aspx",arts,"dialogHeight=400px;dialogWidth=500px;dialogLeft=240px;dialogTop=200px;center=no;help=no;resizable=no;status=no;scroll=no"); document.getElementById("txt1").value=results; } 

 

调用代码段

<a href="javascript:openPage();">
            window.showModalDialog弹出子窗体</a>

 

子页面脚本：

<mce:script type="text/javascript"><!-- //取得父窗口的JS变量 var //window.dialogArguments.var; //获得父窗口的对象和属性 //window.dialogArguments.form1.name.value ; //调用父窗口的方法 fun //window.dialogArguments.fun() ; function bindData() { document.getElementById("txt1").value=window.dialogArguments.age; } function test1() { //window.returnValue='';是要返回到父页面的值 window.returnValue=document.getElementById("txtName").value; window.close(); } // --></mce:script> 

 

子页面调用代码块

<input type="button" id="btn1" value="提交到父窗体" onclick="test1();" />