将特定页面加载到iframe中时如何调用JavaScript

Question

I think this would be pretty easy.

I have a page that loads and iframe. The iframe is another site I am working with. I would like to have some javascript executed, on the parent page, if there is a specific page loaded in the iframe.

Does that make sense?

For example: foo.com is my main page with foobar.com loading in an iframe. If user goes to foobar.com/thanks.html I want the script on foo.com to execute.

Appreciate any help.

Answer 1

As for detecting when the iframe has redirected this is very simple, you can use the onload attribute on the iframe element to trigger a function, and it will trigger every time the user redirects. However when trying to access the new url once redircted is not possible due to cross site scripting security issues.

you mention however the iframe site is a site you are working with, since that is the case, what you are after may be possible if you have access to the .htaccess file

add

Header add Access-Control-Allow-Origin: http://parentdomain.com

and then on the parent domain

include this html:

<iframe src="http://childdomain" id="childsite" onload="iframeredirected();"/>

and this javascript

function iframeredirected(){
var new_src = document.getElementById("childsite").documentWindow.location.href;
}