每一个窗口其实也是一个对象,窗口内的对象或函数就相当于对象内的对象或方法,问题的关键是如何取得窗口对象的控制句柄,不同的窗口的控件句柄是不一样的,下面分三种窗口讨论。
1.用window.open()打开的一般窗口。
<script>
var sub
function sub_win(){
sub=window.open() //sub为子窗口句柄
//以数据流方式向子窗口输出HTML代码 ,sub_function()为子窗口的演示函数
sub.document.write("<script>function sub_function(){alert(’子窗口函数’)}<\/script><button onClick=’opener.par_function()’>调用父窗口函数</button>")
sub.document.close() //关闭子窗口的输出流
}
function par_function(){//父窗口的演示函数
alert("父窗口函数")
}
</script>
<button onClick="sub_win()">打开子窗口</button><button onClick="sub.sub_function()">调用子窗口内函数</button>
代码运行效果如图1.5.6所示。
图1.5.6 在父窗口访问子窗口的函数
从上面的代码中可以发现,父窗口调用子窗口的函数或对象,需要在对象前加上子窗口句柄(上例中的变量sub)作前缀,要访问子窗口中的sub_function()函数,就是sub.sub_function(),反过来,在子窗口中访问父窗口的函数或对象,需要在前面加上opener,如opener.par_function()。
提示:这里只是为了演示方便,以数据流方式向子窗口中输出HTML代码,在实际应用时直接在弹出页中按上面所说的方法调用就行了。
2.用showModalDialog打开的模式窗口。
<script>
function smdWin(){
win=window.showModelessDialog("demo.htm",window,"dialogWidth=200px;dialogHeight=200px;status=0;scroll=no")
}
</script>
<button onclick="smdWin()">打开模式窗口</button>
<input >特别提示
对于第一种情况,代码运行后,先单击【打开子窗口】按钮,然后再单击【调用子窗口内函数】和【调用父窗口函数】按钮看效果;第二、三种情况的代码运行后在模式/无模式窗口的文本框中填写内容后再单击【传递文字】按钮。
特别说明
通过本例的学习,读者朋友应该掌握父窗口与子窗口的相互访问方法,还有对象的概念。
轉自:http://www2.flash8.net/teach/4139.htm