HTML与JavaScript实现父子窗口交互
博客展示了通过HTML和JavaScript实现父子窗口交互的代码。子窗口包含文本输入框和按钮，点击按钮可将输入值传递给父窗口并提交表单；父窗口有文本输入框、提交按钮和打开子窗口的按钮，利用JavaScript函数打开子窗口。
子窗口：
----------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<form name="form1" method="post" action="">
<p>
<input type="text" name="textfield">
</p>
<p>
<input type="button" name="Submit" value="按钮" onClick="window.opener.form1.test.value=form1.textfield.value;window.opener.form1.submit();window.close();">
</p>
</form>
</body>
</html>
--------------------------------------------------------------------
父窗口
---------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
</head>
<body>
<form name="form1" method="post" action="">
<p>
<input type="text" name="textfield">
</p>
<p>
<input type="submit" name="Submit" value="提交"><input name="test" type="hidden" value="">
<input name="Submit2" type="button" onClick="MM_openBrWindow('open.htm','test','resizable=yes,width=300,height=300')" value="open">
</p>
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
