javascript - 如何在 iframe src 更改时触发功能？

Question

我有带有 src 的 iframe，例如 http://remote-domain.com/，每当 src 被更改时，我需要触发一个函数，例如 iframeSrcChanged()

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

当用户在 iframe 中点击关于我们时，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
    }
});

但是这只适用于现代浏览器