Вытащить href src из iFrame onLoad

Question

Я пытаюсь загрузить src текущей страницы в iFrame onLoad.

В основном, это используется для двухкнопочной навигации. При нажатии на img1 форма отображается в iFrame. при нажатии img2 отображается новая форма и изменяется ссылка в iFrame.

Я пытаюсь подсвечивать кнопки в зависимости от того, на какой странице находится iFrame.

Я пытался использовать location.window.href и src, но он извлекает только то, что изначально загружено в этот кадр, а не то, что загружено в кадр.

<img id="img" src="pic1-off.png"></img>
<img id="img2" src="pic2-off.png"></img>
<iframe src="page1.php" name="frame1" id="frame1"></iframe>

<script type="text/javascript>
document.getElementById("frame1").contentWindow.location.href

var img = document.getElementById('img');
var img2 = document.getElementById('img2');
img.onmouseout = function () {
   img.src = 'pic1-off';
};

img.onmouseover = function () {
   img.src = 'pic1-on';
};
</script>

Я ожидал, что выходные данные покажут, на какой странице находится iFrame. Вместо этого я получаю вывод только на той странице, которая была изначально загружена в iFrame.