[轉]子窗口和父窗口的函数或对象能否相互访问子窗口和父窗口的函数或对象能否相互访问
[轉]子窗口和父窗口的函数或对象能否相互访问解决思路
       每一个窗口其实也是一个对象,窗口内的对象或函数就相当于对象内的对象或方法,问题的关键是如何取得窗口对象的控制句柄,不同的窗口的控件句柄是不一样的,下面分三种窗口讨论。
[轉]子窗口和父窗口的函数或对象能否相互访问具体步骤
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

相关文章:

  • 2021-12-27
  • 2022-12-23
  • 2022-12-23
  • 2021-11-14
  • 2021-09-13
  • 2022-12-23
  • 2021-11-19
  • 2022-12-23
猜你喜欢
  • 2021-08-23
  • 2021-06-02
  • 2021-11-01
  • 2022-12-23
  • 2021-11-21
相关资源
相似解决方案