子窗口給父窗口賦值實現思路及案例演示

來源：懂視網責編：小采時間：2020-11-27 22:41:51

子窗口給父窗口賦值實現思路及案例演示

子窗口給父窗口賦值實現思路及案例演示:今天Insus.NET練習JavaScript，實現從父窗口打開一個子窗口，在子窗口處理一些結果之后，把結果賦值于父窗口的文本框內。可看效果：在站點創建兩個aspx頁面，一個是PageA.aspx另一個是PageB.aspx: 在PageA.aspx的<head>節點內，寫

推薦度：

點擊下載本文 文檔為doc格式

導讀子窗口給父窗口賦值實現思路及案例演示:今天Insus.NET練習JavaScript，實現從父窗口打開一個子窗口，在子窗口處理一些結果之后，把結果賦值于父窗口的文本框內。可看效果：在站點創建兩個aspx頁面，一個是PageA.aspx另一個是PageB.aspx: 在PageA.aspx的<head>節點內，寫

今天Insus.NET練習JavaScript，實現從父窗口打開一個子窗口，在子窗口處理一些結果之后，把結果賦值于父窗口的文本框內。可看效果：

在站點創建兩個aspx頁面，一個是PageA.aspx另一個是PageB.aspx:
在PageA.aspx的<head>節點內，寫Javascript腳本，腳本有兩個方法，一個是打開子窗口，一個是為文本框設值的方法：
代碼如下:


<script type="text/javascript"> 
function popUp(url) { 
objSubWin = window.open(url, "Popup", "toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=0,width=300,height=80"); 
objSubWin.focus(); 
} 
function SetValue(val) { 
var amount = document.getElementById('<% = TextBoxAmount.ClientID %>'); 
amount.value = val; 
} 
</script> 
 
然后在<body>節點內，拉一個TextBox和一個Button: 
 代碼如下:
Amount: 
<asp:TextBox ID="TextBoxAmount" runat="server" Enabled="false"></asp:TextBox> 
<asp:Button ID="Button1" runat="server" Text="Call child window" OnClientClick="popUp('PageB.aspx')" /> 
 
OK,父頁完成，接下來寫PageB.aspx子頁，還是先寫Javascript腳本，也有兩個函數，一個是驗證文本框只能輸入數字，另一個是計算方法，在calc()方法內，有呼叫到父窗口的方法。 
 代碼如下:
<script type="text/javascript"> 
function isNumeric(keyCode) { 
return ((keyCode >= 48 && keyCode <= 57) || keyCode == 8) 
} 
function calc() { 
if (window.opener != null && !window.opener.closed) { 
var qty = document.getElementById('<% = TextBoxqty.ClientID %>'); 
var price = document.getElementById('<% = TextBoxPrice.ClientID %>'); 
window.opener.SetValue(parseInt(qty.value) * parseInt(price.value)); 
} 
} 
</script> 
 
在PageB.aspx的<body>節點內，拉兩個文本框，一個Button銨鈕。 
 代碼如下:
數量<asp:TextBox ID="TextBoxqty" runat="server" onkeydown="return isNumeric(event.keyCode);" onpaste="return false;" Width="50"></asp:TextBox> 
* 單價<asp:TextBox ID="TextBoxPrice" runat="server" onkeydown="return isNumeric(event.keyCode);" onpaste="return false;" Width="50"></asp:TextBox> 
<asp:Button ID="Button1" runat="server" Text="Calculate" OnClientClick="calc()" /> 
 
另外附加，有關文本框驗證的文章：//www.gxlcms.com/article/33586.htm
 
 




聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

子窗口給父窗口賦值實現思路及案例演示

推薦度：

點擊下載本文 文檔為doc格式

標簽：方法賦值實現方法

熱門焦點

子窗口給父窗口賦值實現思路及案例演示

子窗口給父窗口賦值實現思路及案例演示

子窗口給父窗口賦值實現思路及案例演示

最新推薦

猜你喜歡

熱門推薦