iframe API用法
阿新 • • 發佈：2019-01-06
程式碼： parent.html
<head> <script type="text/javascript"> function say(){ alert("parent.html"); } function callChild(){ myFrame.window.say(); myFrame.window.document.getElementById("button").value="呼叫結束"; } </script> </head> <body> <input id="button" type="button" value="呼叫child.html中的函式say()" onclick="callChild()"/> <iframe name="myFrame" src="child.html"></iframe> </body>
總結： 父html中，直接通過iframe名稱.window 即可獲得iframe所包含的html頁面的window物件。eg: myFrame.window
程式碼 child.html
<head> <script type="text/javascript"> function say(){ alert("child.html"); } function callParent(){ parent.say(); parent.window.document.getElementById("button").value="呼叫結束"; } </script> </head> <body> <input id="button" type="button" value="呼叫parent.html中的say()函式" onclick="callParent()"/> </body>
總結： iframe所包含的頁面通過 parent.window即可獲得父頁面的window物件。