ASP.NET
JavaScriptASP.NETPHP编程正则表达式AJAX相关ASP编程JSP编程编程10000问CSS/HTMLFlex脚本加解密web2.0XML/RSS网页编辑器相关技巧安全相关网页播放器DartVue.js

子窗口给父窗口赋值实现思路及案例演示

发布时间：2022-04-16 发布网站：脚本宝典
脚本宝典收集整理的这篇文章主要介绍了子窗口给父窗口赋值实现思路及案例演示，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
今天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()" />

另外附加，有关文本框验证的文章：https://www.js-code.com/article/33586.htm
您可能感兴趣的文章:@H_512_71@
  • JavaScript子窗口ModalDialog中操作父窗口对像
  • iframe 父窗口和子窗口相互的调用方法集锦
  • 子窗口、父窗口和Silverlight之间的相互调用
  • js 父窗口控制子窗口的行为-打开，关闭，重定位，回复
  • 用javascript父窗口控制只弹出一个子窗口
  • 父窗口获取弹出子窗口文本框的值

    • 脚本宝典总结

    以上是脚本宝典为你收集整理的子窗口给父窗口赋值实现思路及案例演示全部内容，希望文章能够帮你解决子窗口给父窗口赋值实现思路及案例演示所遇到的问题。

    如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

    本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
    如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
    标签：
    猜你在找的ASP.NET相关文章
    其他相关热搜词更多
    phpjavapython程序员loadpost-format-gallerydivString参数开发ListcapMapClass工具安装SQL数据库资源this
    全站导航更多
    html5HTML/XhtmlCSSXML/XSLTDreamweaver教程Frontpage教程心得技巧JavaScriptASP.NETPHP编程正则表达式AJAX相关ASP编程JSP编程编程10000问CSS/HTMLFlexvbsDOS/BAThtahtcpythonperl游戏相关VBA远程脚本ColdFusionMsSqlMysqlmariadboracleDB2mssql2008mssql2005SQLitePostgreSQLMongoDB星外虚拟主机华众虚拟主机Linuxwin服务器FTP服务器DNS服务器Tomcatnginxzabbix云和虚拟化bios系统安装系统系统进程Windows系列LINUXRedHat/CentosUbuntu/DebianFedoraSolaris红旗Linux建站经验微信营销网站优化网站策划网络赚钱网络创业站长故事alexa域名photoshop教程摄影教程Fireworks教程CorelDraw教程Illustrator教程Painter教程Freehand教程IndesignSketch笔记本主板内存CPU存储显卡显示器光存储鼠标键盘平板电脑安全教程杀毒防毒安全设置病毒查杀脚本攻防入侵防御工具使用业界动态Exploit漏洞分析
    最新ASP.NET教程
    热门ASP.NET教程