如何检测iframe是否已动态添加到页面

Question

我需要有关如何检测iframe是否已动态添加到页面的帮助。我以为我可以通过监听加载事件来做到这一点：

jQuery(document).on("load","iframe",function(){
console.log("an iframe has been added");
})

但这并不会激发。

Answer 1

您可以轮询以查看是否添加了iframe，因为它可以在文档加载后添加，例如。

var orig = $("iframe").length;//Set this to 0 if you don't expect any
var iframeDetect = setInterval(function () {
    if($("iframe").length > orig) {
        console.log("Iframe added");
        clearInterval(iframeDetect);
    }
}, 500);//Every half a sec

将其粘贴到您的开发工具控制台中，向页面添加iframe，然后回顾您的控制台进行测试。