获取模式窗口的值JS代码怎么写

2012/11/3 20:44:18作者：佚名来源：网络

移动端

【实例名称】

获取模式窗口的值JS代码怎么写

【实例描述】

在一些财务表格中，由于列数特别多，有时候需要用户打开新的窗口输入数据。本例学习如何实现在新的窗口中输人数据，并返回给父窗口的功能。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页-学无忧（www.xue51.com）</title>
<script language="javascript">
function openwin()
{
    var url="12.23  获取模式窗口的值1.htm";
    //打开模式窗口，注意模式窗口的样式
    var mydata=showModalDialog(url,null,
"dialogWidth:300px;dialogHeight:120px;
center:yes;help:No;status:no;resizable:Yes;edge:sunken");
    if(mydata)
     alert("您输入的值为：" +mydata.value);
}
</script>
</head>
<body>
    <input id="Button1" type="button" 
value="打开窗口" onclick="openwin()" />
</body>
</html>

设计模式窗口“获取模式窗口的值|．htm”的代码如下所示：

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-学无忧（www.xue51.com）</title>
<script language=javascript>
 function ReturnWin()
 {
     var returnData=new Object();     
//创建变量
    returnData.value=document.getElementById("Text1").value;
        //设置变量的值
    window.returnValue=returnData;   
//窗体返回数据
    window.close();                 
 //关闭窗口
 }
</script>
</head>
<body>
    <input id="Text1" type="text" />
<input id="Button1" type="button" value="返回" onclick="ReturnWin()" />
</body>
</html>

【运行效果】

获取模式窗口的值运行效果