Iframe 内部链接到嵌入的网站

Question

I have an iframe from site1.com embedded on a website site2.com and in that iframe I have a link to /page.html When I click on that link it takes me to the page of where the iframe comes from site1.com/page.html and I want to take me to a link on the current site site2.com/page.html. I this possible, maybe with JavaScript?

Thank you.

Answer 1

Try setting the base element within your iframe.

<base href="http://site1.com">
<a href="/page.html">Link</a>

The hostname of the parent window can be accessed by document.referrer , which can be injected to the DOM with JavaScript like this:

var baseElement = document.createElement('base');
baseElement.setAttribute('href', document.referrer);
document.querySelector("head").appendChild(baseElement);