JavaScript - 如何从主页面执行iframe的功能？

Question

How can i execute the button_one() function from main.php ?

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

Try this:

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

But note that this will only work if iframe src is on same domain as your executed script ( in your case localhost ). Ports should be the same too as the protocol. Otherwise browser will block this behaviour due to security restrictions.

Answer 2

采用：

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