iframe返回导致主窗口返回

Question

here is my code:

<iframe id="ifr" src="https://www.wikipedia.org/" frameborder="0"></iframe>
<script>
  var ifr = document.querySelector("#ifr")
  ifr.src = "http://bing.com"
  ifr.contentWindow.history.back()
</script>

I expect the result is wikipedia.org, but when i open a new tab in chrome, and type /home/roroco/Dropbox/jss/ro-js/ex/test-iframe-back.html , it show "new tab", it means the main window is back

how to avoid main window go back

Answer 1

If you have the "Back Button" inside your iFrame.html page, you have to use:

window.history.back();

instead of :

ifr.contentWindow.history.back();

in your html file, add:

<input type="button" onClick="GoBack();">

and in your JavaScript file, add:

function GoBack() {
window.history.back();
}

and you can use:

parent.history.back();

inside iFrame to go back the parent of iFrame.