首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

window.returnValue跟showModalDialog实现弹出有模式窗体

2012-10-26 
window.returnValue和showModalDialog实现弹出有模式窗体returnValue是javascript中html的window对象的属

window.returnValue和showModalDialog实现弹出有模式窗体
         returnValue是javascript中html的window对象的属性,目的是返回窗口值,当用window.showModalDialog函数打开一个IE的模式窗口(模式窗口知道吧,就是打开后不能操作父窗口,只能等模式窗口关闭时才能操作)时,用于返回窗口的值,下面举个例子:

1、parent.html

<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title></title>    <script type="text/javascript">        function openNewWeb() {            var winValue = window.showModalDialog("WebForm1.aspx", null, "dialogHeight=200px,dialogWidth=200px,center=1");            document.getElementById("result").innerText = winValue;        }    </script></head><body>    <form id="form1" runat="server">    <input id="Button1" type="button" value="button" onclick="openNewWeb()" />    <div id="result">    </div>    </form></body></html>


2、child.html
 <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title></title>    <script type="text/javascript">        function returnResult() {            window.returnValue = document.getElementById("txtUserName").value;            window.close();        }    </script></head><body>    <form id="form1" runat="server">    <input id="txtUserName" type="text" />    <input id="btn" type="button" value="button34" onclick="returnResult()" />    </form></body></html>

热点排行