當前位置:軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > 獲取模式窗口的值JS代碼怎么寫

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

2012/11/3 20:44:18作者:佚名來源:網絡

移動端

【實例名稱】

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

【實例描述】

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

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>無標題頁-學無憂(www.yzddtk.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>標題頁-學無憂(www.yzddtk.cn)</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>

【運行效果】

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

【難點剖析】

本例的重點是如何打開模式窗口?!皐indow.open”用來打開窗口,但用戶可以不操作此窗口,而繼續其他的操作:“showModalDialog”用來打開模式窗口,如果用戶不關閉此窗口,則不能執行其他操作。

【源碼下載】

為了JS代碼的準確性,請點擊:獲取模式窗口的值 進行本實例源碼下載 

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频 视频,欧美一级特黄录像视频