JavaScript - 如何從主頁面執行iframe的功能？

Question

如何從main.php執行button_one（）函數？

Main.php：

<b>Main page - for the actions</b>
<div style="position: absolute; right:9%;top:30px;">      
   <input type=button id=b1 />
</div>

<b>Inner page - for the buttons</b>
<iframe id="layer" src="" ></iframe>

<script>
$(document).ready(function() {
  // by default loaded
  $('#layer').attr('src', "http://localhost/iframepage.php").show();

  // later on click send command to iframe
  $('#b1').click(function() {
      // how to execute the iframepage.php button_one() script from here?
  });
});
</script>

iframepage.php：

<b>Welcome</b>
<script>
function button_one() {
 alert("button press from main page");
}
</script>

Answer 1

嘗試這個：

window.frames["layer"].window.button_one()

但請注意，這僅在iframe src與您執行的腳本位於同一域（在您的情況下為localhost ）時才有效。 端口應該與協議相同。 否則，由於安全限制，瀏覽器將阻止此行為。

Answer 2

采用：

document.getElementById('layer').contentWindow.button_one();