分析一下网页子窗口和网页父窗口的交互

2008-02-23 08:03:53来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

1、父窗口传递信息给子窗口

看代码实例:

<script language=javascript>

function outPut()
{
//获取父窗口的文本信息赋值给text
var text = document.abc.text.value;
//打开子窗口,并且把操作句柄赋值给win变量,以下所有操作都是针对win对象的
var win = window.open("","mywin", "menubar=no,width=400,height=100,resizeable=yes");
//输出基本信息
win.document.writeln("<title>输出结果</title>");
win.document.writeln(
"你的信息是:<p>");
//输出从父窗口获取的信息
win.document.writeln(text);
win.document.close();
win.focus();
}

</script> <form name=abc method=post>
<input type=text name=text size=50>
//调用上面的函数
<input type=button value=提交 onClick="outPut()">

</form>

2、子窗口传递参数给父窗口

我们对上面的代码进行改造:

<script language=javascript>
function outPut()

上一篇:弹出窗口window.open()的参数列表

下一篇:FireFox 如何用Javascript 修改状态栏