本文介绍了一种使用JavaScript实现子窗口与父窗口间数据传递的方法。通过打开一个子窗口并在其中输入数据，可以将这些数据传回父窗口。此过程涉及获取子窗口输入值、引用父窗口对象及父窗口中的元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
function fun(){
window.open("sub.html");
}
</script>
<body>
<input type="text" id="txt">
<input type="button" id="button" value="打开sub窗口" onclick="fun()">
</body>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
function fun(){
window.open("sub.html");
}
</script>
<body>
<input type="text" id="txt">
<input type="button" id="button" value="打开sub窗口" onclick="fun()">
</body>
</html>
//sub.html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script type="text/javascript">
function fun(){
//1.拿到文本框中填写的数据
var v=document.getElementById("subTxt").value;
//2.拿到父框口对象
var w=window.opener;
//3.拿到父窗口中的文本框对象
var txt=w.document.getElementById("txt");
//4.将内容赋值给父窗口中的文本框对象的value属性
txt.value=v;
}
</script>
<body>
<input type="text" id="subTxt">
<input type="button" id="sunButton" value="向父窗口传值"onclick="fun()">
</body>
</html>
扫一扫
705
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
