提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

JavaScript实现弹出子窗口并传值给父窗口

JavaScript 实现 窗口 传值
2023-06-13 09:15:37 时间

新建父窗口页面：

加入以下脚本

复制代码代码如下:


<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
   <title>First</title>
</head>
<scripttype="text/javascript">
functionShowDialog(Url)
{
     var iWidth=560;//模态窗口宽度
     var iHeight=300;//模态窗口高度
     var iTop=(window.screen.height-iHeight-100)/2;
     var iLeft=(window.screen.width-iWidth)/2;
     varreturnValue=window.showModalDialog(Url,"newwindow","dialogHeight:"+iHeight+"px;dialogWidth:"+iWidth+"px;toolbar:no;menubar:no;scrollbars:no;resizable:no;location:no;status:no;left:200px;top:100px;");
     document.getElementById("TextBox1").innerText=returnValue;
}
</script>
<body>
   <formid="form1"runat="server">
        <inputid="Button1"type="button"value="button"onclick="ShowDialog("./second.aspx")"/>
        <div><asp:TextBoxID="TextBox1"runat="server"Width="67px"></asp:TextBox></div>
    </form>
</body>
</html>

创建second.html页面：

复制代码代码如下:


<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
   <title>second</title>
   <!--<basetarget="_self"></base>-->
</head>
<scriptlanguage="javascript">
   functioncloseDiag()
   {
       window.opener=null;
       window.close();
   } 
   functionOK()
   {
       varValue=document.getElementsByName("myRadio");
       for(vari=0;i<Value.length;i++)
       {
           if(Value[i].checked)
           { 
               window.returnValue=Value[i].value;
               window.close();
           }
           else
           {
               document.getElementById("Lab_Info").innerText="没有选中项,请选择！";
           }
       }     
   } 
</script>
<body>
   <formid="form1"runat="server">
   <div>
         <asp:DataGridID="dgSjygl"runat="server"AllowPaging="True"AutoGenerateColumns="False"
                       BackColor="White"Font-Size="9pt"PageSize="5"Width="100%"Height="127px"OnItemDataBound="dgSjygl_ItemDataBound">
                       <PagerStyleMode="NumericPages"/>
                       <AlternatingItemStyleBackColor="Gainsboro"/>
                       <ItemStyleBackColor="#EEEEEE"ForeColor="Black"HorizontalAlign="Center"/>
                       <Columns>
                           <asp:TemplateColumn>            
                               <HeaderTemplate>
                                   <label>选择</label>
                               </HeaderTemplate>
                               <ItemTemplate>                                   
                                   <inputtype="radio"id="myRadio"name="myRadio" value="<%#DataBinder.Eval(Container.DataItem,"id")%>">
                               </ItemTemplate>
                               <HeaderStyleFont-Bold="True"HorizontalAlign="Center"Width="60px"/>
                               <ItemStyleHorizontalAlign="Center"/>
                           </asp:TemplateColumn>
                           <asp:BoundColumnDataField="ID"HeaderText="编号">
                               <HeaderStyleFont-Bold="True" Width="75px"HorizontalAlign="Center"/>
                           </asp:BoundColumn>
                           <asp:BoundColumnDataField="MC"HeaderText="名称">
                               <HeaderStyleFont-Bold="True" Width="90px"HorizontalAlign="Center"/>
                               <ItemStyleHorizontalAlign="Center"/>
                           </asp:BoundColumn>
                           <asp:BoundColumnDataField="BT"HeaderText="标题">
                               <HeaderStyleFont-Bold="True"HorizontalAlign="Center"/>
                           </asp:BoundColumn>
                       </Columns>
                       <HeaderStyleBackColor="#7481BA"ForeColor="Yellow"Font-Bold="False"Font-Italic="False"Font-Overline="False"Font-Strikeout="False"Font-Underline="False"Font-Size="Small"/>
                   </asp:DataGrid>
   </div>
   <div>
         <inputid="Btn_OK"type="button"onclick="OK()"value="确定"/>
         <inputid="Btn_Cancel"type="button"onclick="clickDiag()" value="取消"/>
    </div>       
   </form>
</body>
</html>

以上就是本人实现这个简单功能的全部内容了，感觉应该还有更便捷的方法，有知道的小伙伴还请留言说明下。

相关文章