页面连接互传信息

网页间传值示例

最新推荐文章于 2025-10-11 18:47:07 发布

原创最新推荐文章于 2025-10-11 18:47:07 发布 · 480 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#textbox #iframe #server #button #asp #postback

页面FirstPage.aspx

<form id="form1" runat="server">
<div>
    <h3>The Frist Page</h3>
    Your Name:
    <asp:TextBox ID="txtF" runat="server" />
    <asp:Label ID="Label1" runat="server" EnableViewState="False" /><br />
    <br />
    <asp:Button ID="Button1" runat="server" Text="Postback to Same Page" OnClientClick="aa()" /><br />
    <br />
    <asp:TextBox ID="TextBox1" runat="server" />
</div>
</form>

当调用时打开SecondPage.aspx并传值进去

页面 SecondPage.aspx

//window.opener打开者TextBox1为FirstPage.aspx的面页控键
}
</script>

<form id="form1" runat="server">
    <div>
        <h1>This is the Second Page</h1>
        <asp:TextBox ID="txtName" runat="server" />
        <input type="button" id="btn1" value="tijiao" onclick="bb()" />
        <p><asp:Label ID="Label1" runat="server"></asp:Label> </p>
    </div>
</form>

-----------------------------------------------------------------------------------------------

function ff()

   {
        var iframe=document.getElementById("test");
        iframe.Document.getElementById("txtb").value = document.getElementById("txt1").value;
    }

//当用iframe加载时，test为它的ifram ID,iframe.Document.getElementById("txtb") 得到ifram下的控键

------------------------------------------------------------------------------------------------------------------------------

1.aspx

</head>
<iframe id="google" src="2.html" name="google" > </iframe>
<iframe id="getD" src="3.html" name="getD"> </iframe>
<body>
</body>

2.html

function getdocument(){
alert(parent.document.frames.length);//弹出2 两个ifram
alert(parent.document.frames ["getD"].window.document.getElementById('up').innerHTML);//弹出cat
}

<body>
    <p id='up'>fish out</p>
    <p id='element'>getElement2 </p>
    <input type="button" onclick="getdocument();" value="获取iframe"/>
</body>

3.html

<body>
<p id='up'>cat</p>
<p id='element'>getElement </p>
</body>