今天在经典论坛看到有网友提出“子窗口传值给父窗口”的问题,虽然是一个很常见的问题,但很多新手可能还不知道怎么入手,我写了个当练习,放在搜索吧了。如下:
page1.htm为父窗口,page2.htm为子窗口。详细代码如下:
[b]page1.htm[/b]
[quote]<!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=GB2312" />
<title>子窗口传值给父窗口</title>
<script language="JavaScript" type="text/javascript">
function openWin(u, w, h) {
var l = (screen.width - w) / 2;
var t = (screen.height - h) / 2;
var s = 'width=' + w + ', height=' + h + ', top=' + t + ', left=' + l;
s += ', toolbar=no, scrollbars=no, menubar=no, location=no, resizable=no';
open(u, 'oWin', s);
}
function openIt(){
window.open("page2.htm",400,300);
}
</script>
</head>
<body>
<input type="text" id="text1" />
<input type="button" value="弹出" οnclick="openIt()" />
</body>
</html>[/quote]
[b]page2.htm[/b]
[quote]<!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=GB2312" />
<title>子窗口传值给父窗口</title>
<script language="JavaScript" type="text/javascript">
function goback(obj){
window.opener.document.getElementById("text1").value = obj.value;
window.close();
}
</script>
</head>
<body>
<div><input type="button" value="阿会楠" οnclick="goback(this)" /></div>
<div><input type="button" value="23岁" οnclick="goback(this)" /></div>
</body>
</html>[/quote]
page1.htm为父窗口,page2.htm为子窗口。详细代码如下:
[b]page1.htm[/b]
[quote]<!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=GB2312" />
<title>子窗口传值给父窗口</title>
<script language="JavaScript" type="text/javascript">
function openWin(u, w, h) {
var l = (screen.width - w) / 2;
var t = (screen.height - h) / 2;
var s = 'width=' + w + ', height=' + h + ', top=' + t + ', left=' + l;
s += ', toolbar=no, scrollbars=no, menubar=no, location=no, resizable=no';
open(u, 'oWin', s);
}
function openIt(){
window.open("page2.htm",400,300);
}
</script>
</head>
<body>
<input type="text" id="text1" />
<input type="button" value="弹出" οnclick="openIt()" />
</body>
</html>[/quote]
[b]page2.htm[/b]
[quote]<!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=GB2312" />
<title>子窗口传值给父窗口</title>
<script language="JavaScript" type="text/javascript">
function goback(obj){
window.opener.document.getElementById("text1").value = obj.value;
window.close();
}
</script>
</head>
<body>
<div><input type="button" value="阿会楠" οnclick="goback(this)" /></div>
<div><input type="button" value="23岁" οnclick="goback(this)" /></div>
</body>
</html>[/quote]