2009年1月16日

父視窗操控子視窗

使用 window.open 開啟子視窗後,可以利用傳回的子視窗物件,操控子視窗的函式。但是基於安全的考量,此法只限於同一網站的網頁之間,互相呼用函式。

在網路上要傳訊息給子視窗,還可以用 postMessage() 或是 showModalDialog()

父視窗
  • 程式用法:

    <script type='text/javascript'>
    var wson;
    function openSon()
    {
      wson=window.open('http://ant4js.blogspot.com/2009/01/son.html',
        '', 'alwaysRaised=yes, width=750, height=500, scrollbars=yes');
    }
    function fatherHello( msg )
    {
      alert( msg );
    }
    </script>
    <p><a href='javascript:openSon()'>
    請先點此開啟子視窗</a>
    <p><a href='javascript:wson.sonHello("好乖的兒子")'>
    再點此送訊給子視窗</a>

  • 執行結果:

    請先點此開啟子視窗

    再點此送訊給子視窗


©2008-2009 by ant2legs, All Rights Reserved. ant2legs 擁有其製作的文章,圖片與程式的著作權,所有權利保留。