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 */ 
});