2016-11-20 168 views
0

我已的iframe頁面:更改父框架URL的iframe網址變更

<iframe src="http://externalwebsite.com/test.html" scrolling="no" height="400px" width="400px" allowfullscreen></iframe> 

而且我想,如果iframe網址更改http://externalwebsite.com/succes.html

我試圖找出父URL更改爲http://mywebsite.com/succes.html它用JavaScript,但我沒有設法做到這一點。有人能幫我嗎?

+1

由於安全問題有可能沒有辦法做到這一點沒有進行代理的外部網站 – mplungjan

+0

當它加載了新的一頁,但不是網頁是什麼的時候不相同的域http://plnkr.co/edit/您可以檢測ebnk244eJrwREIJuI3JC?p =預覽iframe由於*「相同來源策略」而非常受限制* – charlietfl

回答

0

<iframe id="frameId" src="http://externalwebsite.com/test.html" scrolling="no" height="400px" width="400px" allowfullscreen></iframe>

綁定到父窗口frame.onload事件。

var frame = document.getElementById('frameId'); 
frame.onload = function(e){ 
    if(frame.src === 'http://externalwebsite.com/succes.html'){ 
     window.location.href = 'http://externalwebsite.com/succes.html'; 
    } 
}; 

嘗試frame.src='someUrl';進行測試。

+0

您測試過嗎?上面的演示鏈接不會給更新網址,而且jQuery也沒有'onload',所以它不會像寫入一樣激發。或者是'frame [0] .onload'或者frame.on('load'...' – charlietfl

+0

:(對於我來說它沒有奏效,但是謝謝你試圖幫助 – jollesnaas

+0

你是對的charlietfl。你提到的代碼或 var frame = document.getElementById('frameId'); – napoleonss