MutationObserver div change src

Question

我在想，我在打開並顯示另一個htm文件（2）的htm頁面（1）中有一個div。我在這個頁面上有一些區域（2）。當我點擊這些區域時，它會在div中打開另一個頁面。

我想知道是否有一種方法在本機JS使用MutationObserver觀察這種修改，並在每次它發生時做一些事情？

我專門在IE11上工作。

第1頁：當我點擊在index.htm的區域

<div id="one"> 
    <iframe src="index.htm" style="width:100%; height:100%;" alt="" id="fram"> </iframe> 
</div> 

的index.htm

<img src="../assets/SM2.png" usemap="#Tr" id="draggable" class="dragme" onload="initiate()"> 
<map name="Tr" style="z-index=1;" id="mapping"> 
<area title="2" shape="circle" coords="6426,4171,8" href="2/Tr.xml"> 
... 

而且事情會發生。

我無法找到互聯網上的解決方案，因爲這是一個非常特別的問題/：

提前感謝！

祝您有個愉快的夜晚！

編輯1：是否有可能以某種可怕的方式做到這一點，如使用「OnPropertyChange」，當我點擊該區域時，我調用一個函數來改變頁面中的一些屬性？ ：/

Answer 1

好吧，我會後這是一個答案，那麼：

你可以簡單地監聽load事件對你iframe，因爲它應該每一個（新）頁面加載完成時間被解僱：

document.getElementById('fram').addEventListener('load', function() 
{ 
    /* this is called on the iframe's first load, 
     and every time it has finished loading a new page */ 
});