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

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

letIgo

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

阅读量1.3k

点赞数

文章标签： redirect server function div input object

本文链接：https://blog.youkuaiyun.com/letIgo/article/details/7330504

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

父窗体：
<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="打开新窗口" οnclick="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 οnlοad="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();
}
}