宝哥软件园

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

编辑:宝哥软件园 来源:互联网 时间:2021-10-04

今天因苏。网练习JavaScript,实现从父窗口打开一个子窗口,在子窗口处理一些结果之后,把结果赋值于父窗口的文本框内。可看效果

在站点创建两个aspx页面,一个是PageA.aspx另一个是PageB.aspx:在PageA.aspx的头节点内,写爪哇岛描述语言脚本,脚本有两个方法,一个是打开子窗口,一个是为文本框设值的方法:复制代码代码如下:脚本类型='text/javascript '函数popUp(URL){ Objsubwin=window。打开(URL,‘Popup’,toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=0,width=300,height=80’);objsubwin。焦点();}函数setVaLue(val){ var amount=document。getelementbyid(%)=textbox金额).客户端id“% s”);金额。值=val}/脚本然后在身体节点内,拉一个文本框和一个按钮:复制代码代码如下:金额: ASP : textbox ID=' textbox amount ' runat=' server ' Enabled=' false '/ASP : textbox ASP :按钮ID=' button 1 ' runat=' server ' Text=' Call child window ' on client client=' popUp(' page b . aspx ')'/OK,父页完成,接下来写PageB.aspx子页,还是先写爪哇岛描述语言脚本,也有两个函数,一个是验证文本框只能输入数字,另一个是计算方法,在计算()方法内,有呼叫到父窗口的方法。复制代码代码如下:脚本类型='text/javascript '函数isNumeric(键码){ return((键码=48键码=57)| |键码==8)}函数calc() { if (window.opener!=null!窗户。开瓶器。已关闭){ var quantity=文档。getelementbyid(%)=textbox数量.客户端id“% s”);var price=文档。getelementbyid(' %=textbox price .客户端id“% s”);窗户。开瓶器。SetVaLue(ParSeint(数量。值)* parseInt(价格。值));} }/脚本在PageB.aspx的身体节点内,拉两个文本框,一个纽扣铵钮。复制代码代码如下: 数量asp: textbox ID=' textbox qty ' runat=' server ' onkeydown=' return为数字(事件。键码);onpaste=' return false '宽度=' 50 '/asp:文本框*单价asp: textbox ID=' textbox price ' runat=' server ' onkeydown=' return为数字(事件。键码);onpaste=' return false ' width=' 50 '/ASP : textbox ASP : button ID=' button 1 ' runat=' server ' Text=' Calculate ' OnClientClick=' calc()'/另外附加,有关文本框验证的文章://www .JB 51。net/article/33586。html文件的后缀

更多资讯
游戏推荐
更多+