如何在iframe src更改时触发函数？

Question

我有像http://remote-domain.com/这样的src的iframe，当src被更改时，我需要触发像iframeSrcChanged()这样的函数

<iframe id="iframe" src="http://remote-domain.com/" frameborder="0" width="100%" height="100%" ></iframe>

当用户在iframe中点击about-us时，iframe src会变为

<iframe id="iframe" src="http://remote-domain.com/about-us.html" frameborder="0" width="100%" height="100%" ></iframe>

所以这次我需要触发iframeSrcChanged()功能。

请帮我解决这个问题。

Answer 1

var iframe = document.getElementById("iframe");

iframe.addEventListener("DOMAttrModified", function(event) {
    if (event.attrName == "src") {
       // The "src" attribute changed
    }
});

然而，这仅适用于现代浏览器