Brows back iFrame inside iFrame

See more:

Javascript

HTML

IFrame

Hello

I have an iframe in my html page and I have a button in the iframe. I want towhen press the button, iframe source get one step back.

for example if the first soure is google.com and I change the source to w3schools.com by pressing "Visit:w3schools pleas", when I press back button, the iframe source get back to google.com

What I have tried:

I have tried some these codes in my javascript function as back button "onClick()".

iframe.contentWindow.history.back();

document.getElementById("myIframeID").contentWindow.history.back();

window.history.back();

my Main.html

<iframe src="StudentList.html">

my StudentList.html

<!-- There is a list of student that I get from my database and make the list
      dynamically by createElement("LI") that you can click on every student to
      see the details, and you will be redirected to StudentDetai.html
      by changing the iframe source-->

my StudentDetail.html

<h1> Student Info </h1>
<p id="Detail"><p> <!-- This Paragraph ill be filled when user click on a student
           to see his detail, it will be filled from data base -->
<input type="button" value="GoBack" onClick="GoBack();">

my StudentDetail.js

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

Again, my back button is inside my iframe.
Thanks in advance