主頁 > 知識庫 > 子窗口給父窗口賦值實現(xiàn)思路及案例演示

子窗口給父窗口賦值實現(xiàn)思路及案例演示

熱門標簽:電話機器人軟件銷售工作 百度ai地圖標注 玉林市機器人外呼系統(tǒng)哪家好 同安公安400電話怎么申請流程 合肥電銷外呼系統(tǒng)哪家公司做的好 預測式外呼系統(tǒng)使用說明 蘋果手機凱立德地圖標注 申請400電話手續(xù) 南陽外呼系統(tǒng)定制化
今天Insus.NET練習JavaScript,實現(xiàn)從父窗口打開一個子窗口,在子窗口處理一些結果之后,把結果賦值于父窗口的文本框內(nèi)??煽葱Ч?
 
在站點創(chuàng)建兩個aspx頁面,一個是PageA.aspx另一個是PageB.aspx:
在PageA.aspx的head>節(jié)點內(nèi),寫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>節(jié)點內(nèi),拉一個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腳本,也有兩個函數(shù),一個是驗證文本框只能輸入數(shù)字,另一個是計算方法,在calc()方法內(nèi),有呼叫到父窗口的方法。
復制代碼 代碼如下:

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>節(jié)點內(nèi),拉兩個文本框,一個Button銨鈕。
復制代碼 代碼如下:

數(shù)量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()" />

另外附加,有關文本框驗證的文章:https://www.jb51.net/article/33586.htm
您可能感興趣的文章:
  • JavaScript子窗口ModalDialog中操作父窗口對像
  • iframe 父窗口和子窗口相互的調(diào)用方法集錦
  • 子窗口、父窗口和Silverlight之間的相互調(diào)用
  • js 父窗口控制子窗口的行為-打開,關閉,重定位,回復
  • 用javascript父窗口控制只彈出一個子窗口
  • 父窗口獲取彈出子窗口文本框的值

標簽:南昌 嘉興 淄博 南京 海南 臺州 揚州 南京

巨人網(wǎng)絡通訊聲明:本文標題《子窗口給父窗口賦值實現(xiàn)思路及案例演示》,本文關鍵詞  子,窗口,給,父,賦值,實現(xiàn),;如發(fā)現(xiàn)本文內(nèi)容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《子窗口給父窗口賦值實現(xiàn)思路及案例演示》相關的同類信息!
  • 本頁收集關于子窗口給父窗口賦值實現(xiàn)思路及案例演示的相關信息資訊供網(wǎng)民參考!
  • 推薦文章