獲取模式窗口的值JS代碼怎么寫

2012/11/3 20:44:18作者：佚名來源：網(wǎng)絡

移動端

【實例名稱】

獲取模式窗口的值JS代碼怎么寫

【實例描述】

在一些財務表格中，由于列數(shù)特別多，有時候需要用戶打開新的窗口輸入數(shù)據(jù)。本例學習如何實現(xiàn)在新的窗口中輸人數(shù)據(jù)，并返回給父窗口的功能。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>無標題頁-學無憂（wangbatian.cn）</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>標題頁-學無憂（wangbatian.cn）</title>
<script language=javascript>
 function ReturnWin()
 {
     var returnData=new Object();     
//創(chuàng)建變量
    returnData.value=document.getElementById("Text1").value;
        //設置變量的值
    window.returnValue=returnData;   
//窗體返回數(shù)據(jù)
    window.close();                 
 //關閉窗口
 }
</script>
</head>
<body>
    <input id="Text1" type="text" />
<input id="Button1" type="button" value="返回" onclick="ReturnWin()" />
</body>
</html>

【運行效果】

獲取模式窗口的值運行效果