當兩個iframe都在同一頁中時，從另一個iframe更改iframe源

Question

我有以下代碼，我無法在第一個iframe的第二個iframe中播放該播放器。雖然這個工作正常，如果鏈接播放歌曲是在主要頁面，而不是第一個iframe中

<script type="text/javascript"> 
function music(dir) { 
      alert(dir); 
     var iframe = document.getElementById("player"); 
     iframe.src = dir; 
     } 
</script> 

<iframe src="home.php" frameborder="0" scrolling="no" width="100%" height="100%" style="background:#993333"></iframe> 

<iframe id="player" src="player.php" frameborder="0" scrolling="no" width="400px" height="100px" style="background:#66FF99"></iframe> 

//home.php

<a href="#" onclick="return music('player.php?item=test2')" >Song2</a> 

//player.php

<object type="application/x-shockwave-flash" data="dewplayer.swf?mp3=mp3/music.mp3&amp;autostart=1" width="200" height="20" id="dewplayer"><param name="wmode" value="transparent" /> 
</object> 

內

Answer 1

實施例： main.php

<script type="text/javascript"> 
function music(dir) { 
      alert(dir); 
     var iframe = document.getElementById("player"); 
     iframe.src = dir; 
     } 
</script> 
<iframe src="home.php" frameborder="0" scrolling="no" width="100%" height="100%" style="background:#993333"></iframe> 

<iframe id="player" src="player.php" frameborder="0" scrolling="no" width="400px" height="100px" style="background:#66FF99"></iframe> 

player.php

<?php if(!empty($_GET['item'])){echo '<div>item = '.$_GET['item'].'</div>';} ?> 
<object type="application/x-shockwave-flash" data="dewplayer.swf?mp3=mp3/music.mp3&amp;autostart=1" width="200" height="20" id="dewplayer"><param name="wmode" value="transparent" /> 
</object> 

home.php

<a href="#" onclick="parent.music('player.php?item=test2')" >Song2</a> 

Answer 2

1. 第一個iframe沒有ID。
2. 這兩個iframe都不是對方的document的一部分。所以如果你必須改變其中一個的網址，你必須在圖片中輸入parent。

Answer 3

你可以使用新的window.postMessage API從一個遠程幀發送消息給它的父，再有父窗口代理是通過傳遞消息到另一個內嵌框架使信息返回給另一個內嵌框架。

有關該文檔，請參閱Mozilla的頁（https://developer.mozilla.org/en-US/docs/DOM/window.postMessage）