跨網域iframe實時網址檢測

Question

我想創建一個網頁，例如www.domain.com/iframe，在其上加載一個跨域網站，例如yahoo.com。 訪客想要在iframe頁面（yahoo.com）上瀏覽，而我的主頁必須始終檢測iframe網址。

由於羅斯域iframe策略無法通過以下方式訪問它

document.getElementById('myframe').contentWindow.location.href;

我對此進行了一些搜索，例如jquery PostMessage ， porxy ifrmae ....，但對我來說不起作用。 我的iframe無法訪問添加Java函數。

我沒有使用iframe的強制性，我想要一種在頁面上顯示另一個鏈接並知道頁面上其他視圖的位置的技術來做一些事情...

請幫助我解決這個問題。

Answer 1

使用jQuery，您可以做到

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
Links: <br />
<a title="http://validator.w3.org/">w3c.com</a><br />
<a title="http://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Accueil_principal">wiki in french</a><br />

<iframe id="myiframe" src="http://www.google.fr" width="100%" height="100%"></iframe>

 <script>
 $(document).ready(function() {

   $("a").click(function () {
     var $urls = $(this).attr("title");
    $("#myiframe").attr("src", $urls);
     return false;
  });
});
 </script>

.attr（）會更改iframe的src =“”。 現在，您可以將attr與諸如單擊或任何您想要的事件之類的事件進行交互。