两个页面传参-优快云博客

本文介绍了一个简单的HTML示例，展示了如何使用window.opener对象在两个窗口之间进行数据传递。父窗口index.html通过调用子窗口child.html，并利用JavaScript实现数据获取与回传。此方法适用于简单的跨窗口交互场景。

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

用window.opener对象

index.html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
	</head>
	<body>	
			your original data<input type="text">
<input type="button" value="get standard" onclick="get()"/>
<div id="msg"></div>
<input type="text" value="" id="standard" name="standard"/>
	<script>
function get(){

	window.open("child.html","child");	
}

		</script>
	</body>
</html>

child.html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Untitled Document</title>
	</head>
	<body>

<input type="text" name="standard" id="standard"/>
<input type="button" value="submit" onclick="getStandard()" />
<script >
function getStandard(){
	alert(window.opener.document);
	window.opener.document.getElementById('standard').value = document.getElementById('standard').value;
	window.opener.document.getElementById('msg').innerHTML = "success";
	window.close();
}

</script>
	</body>
</html>