Question

我想知道，我在htm页面（1）中有一个div打开并显示另一个htm文件（2）。我在这个页面上有区域（2）。当我点击这些区域时，它会在div中打开另一个页面。

我想知道原生JS是否有办法使用MutationObserver观察这种修改并在每次发生时做某事？

我专门在IE11上工作。

第1页：

<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">
...

当我点击Index.htm中的区域时会发生这种情况。

我无法在互联网上找到解决方案，因为这是一个非常特别的问题/：

提前致谢！

祝你有愉快的夜晚！

编辑1：是否有可能以某种糟糕的方式进行，例如使用＆＃34; OnPropertyChange＆＃34;当我点击该区域时，我调用了一个改变页面中某些属性的函数？：/

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

MutationObserver div改变src

1 个答案: