演示功能:‘
一、子窗口调用父窗口的对象和方法
二、通过方法传输对象
a.html 父页面:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script language="javascript">
var asda = "瓜娃子";
function winopen(){
window.open("b.html")
}
function atest(){
alert('我是父页面的atest');
}
function atest1(sunwinstr){
document.getElementById("div1").innerHTML="我是从子窗口传过来的:"+sunwinstr;
}
function atest2(){
var arg = {a:1, b:2, c:3, d:4};
return arg;
}
</script>
<BODY>
<div id="div1"></div>
<button οnclick="winopen()" />nihao</button>
</BODY>
</HTML>
b.html 子页面:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<form name=fmTest>
<input type=text name=txtTest>
<input type=button name=btnOk value=ok οnclick="javascript:btest()">
<input type=button name=btnOk1 value=ok2 οnclick="javascript:btest2()">
</form>
<script language="javascript" >
function btest(){
var getStr=document.fmTest.txtTest.value;
window.opener.atest1(getStr);
window.close();
}
function btest2(){
var aa=window.opener.atest2();
alert('a:'+aa.a+' b:'+aa.b);
}
</script>
<script language="javascript" >
var asd = window.opener.asda
document.write(asd);
window.opener.atest();
</script>
</BODY>
</HTML>