window.open打开的窗体和父窗体之间互传参数

最新推荐文章于 2023-10-09 16:39:16 发布

原创最新推荐文章于 2023-10-09 16:39:16 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#redirect #server #function #div #input #object

本文详细介绍了如何使用JavaScript在网页上创建弹出窗口，并通过按钮点击事件将用户输入的文本传递到新窗口。新窗口接收参数后，根据不同参数值触发不同的操作，展示了JavaScript在网页交互中的强大能力。

父窗体：
<script type="text/javascript">
function openwin() {
window.open('index.aspx?name='+document.getElementById("txt").value);
}
</script>
</head>
<body>
<form id="form1"runat="server">
<div>
<input type="text"id="txt" />
<input type="button"value="打开新窗口" onclick="openwin()"/>
</div>
</form>
</body>
新窗体：
<script type="text/javascript">
function Redirect() {
   var name = document.getElementById("div1").innerHTML;
   if (name == "张三") {
   window.opener.alert("19");
   }
   else if (name == "李四") {
   window.opener.alert("20");
   }
}
</script>
</head>
<body onload="Redirect()">
<form id="form1"runat="server">
<div id="div1"runat="server">
</div>
</form>
</body>
新窗体后台代码：
public void Page_Load(object sender, EventArgs e)
{
if(Request.QueryString["name"] != null)
{
   this.div1.InnerHtml = Request.QueryString["name"].ToString();
}
}