JavaScript muncul tetingkap kanak-kanak dan menghantar nilai kepada kemahiran window

Rumah

hujung hadapan web

tutorial js

JavaScript muncul tetingkap kanak-kanak dan menghantar nilai kepada kemahiran window_javascript induk

May 16, 2016 pm 04:25 PM

javascript

Halaman tetingkap induk baharu:

Tambahkan skrip berikut

Salin kod Kod adalah seperti berikut:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<tajuk>Pertama</title>
</head>
<script type="text/javascript">
fungsi ShowDialog(Url)
{
var iWidth=560; //Modal lebar tetingkap
var iHeight=300;//Modal tinggi tetingkap
var iTop=(window.screen.height-iHeight-100)/2;
var iLeft=(window.screen.width-iWidth)/2;
var returnValue=window.showModalDialog(Url, "newwindow", "dialogHeight:" iHeight "px; dialogWidth:" iWidth "px; toolbar:no; menubar:no; scrollbars:no; resizable:no; lokasi:no; status: tidak;kiri:200px;atas:100px;");
Document.getElementById("TextBox1").innerText=returnValue;
}
</skrip>
<badan>
<form id="form1" runat="server">
<input id="Button1" type="button" value="button" onclick="ShowDialog('./second.aspx')" />
<div><asp:TextBox ID="TextBox1" runat="server" Width="67px"></asp:TextBox></div>
</form>
</body>
</html>

Buat halaman second.html:

Salin kod Kod adalah seperti berikut:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <tajuk>kedua</tajuk>
    
</head>
<script language="javascript">
    fungsi closeDiag()
    {
        window.opner=null;
        window.close();
    }
    fungsi OK()
    {
        var Value=document.getElementsByName("myRadio");
        untuk(var i=0;i<Nilai.panjang;i )
        {
            jika(Nilai[i].ditandai)
            {
                window.returnValue = Nilai[i].nilai;
                window.close();
            }
            lain
            {
                document.getElementById("Lab_Info").innerText="没有选中项,请选择！";
            }
        }
    }
</skrip>
<badan>
    <form id="form1" runat="server">
    <div>
          <asp:DataGrid ID="dgSjygl" runat="server" AllowPaging="True" AutoGenerateColumns="False"
                        BackColor="White" Font-Size="9pt" PageSize="5" Width="100%" Height="127px" OnItemDataBound="dgSjygl_ItemDataBound">
                        <PagerStyle Mode="NumericPages" />
                        <AlternatingItemStyle BackColor="Gainsboro" />
                        <ItemStyle BackColor="#EEEEEE" ForeColor="Black" HorizontalAlign="Center" />
                        <Lajur>
                            <asp:TemplateColumn>
                                <Templat Pengepala>
                                    <label>选择</label>
                                </HeaderTemplate>
                                <Templat Item>
                                    <input type="radio" id="myRadio" name="myRadio" value='<%# DataBinder.Eval(Container.DataItem, "id") %>'>
                                </ItemTemplate>
                                <HeaderStyle Font-Bold="True" HorizontalAlign="Center" Width="60px" />
                                <ItemStyle HorizontalAlign="Center" />
                            </asp:TemplateColumn>
                            <asp:BoundColumn DataField="ID" HeaderText="编号">
                                <HeaderStyle Font-Bold="True" Width="75px" HorizontalAlign="Center"/>
                            </asp:BoundColumn>
                            <asp:BoundColumn DataField="MC" HeaderText="名称">
                                <HeaderStyle Font-Bold="True" Width="90px" HorizontalAlign="Center"/>
                                <ItemStyle HorizontalAlign="Center" />
                            </asp:BoundColumn>
                            <asp:BoundColumn DataField="BT" HeaderText="标题">
                                <HeaderStyle Font-Bold="True" HorizontalAlign="Center"/>
                            </asp:BoundColumn>
                        </Lajur>
                        <HeaderStyle BackColor="#7481BA" ForeColor="Yellow" Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" Font -Saiz="Kecil" />
                    </asp:DataGrid>
    </div>
    <div>
          <input id="Btn_OK" type="button" onclick="OK()" value="确定"/>
          <input id="Btn_Cancel" type="button" onclick="clickDiag()" value="取消" />
     </div>
    </form>
</body>
</html>

Di atas adalah semua yang saya telah lakukan untuk melaksanakan fungsi mudah ini Saya rasa perlu ada kaedah yang lebih mudah Jika sesiapa tahu mengenainya, sila tinggalkan mesej.

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn