检测动态加载的 iframe

Question

我需要知道何时在页面上创建了特定的 iframe。 iframe是在用户按下按钮时用JS创建的，可以多次创建和销毁。

更新：创建 iframe 的 JS 是原始页面的一部分，因此我无法修改它或访问其变量或函数，chrome 扩展是沙盒。

我无法控制 iframe 的内容，也无法在其中注入任何 JS。 我只能在主页面中注入JS，否则没有其他控制。

（它用于 chrome 扩展，据我所知，它只能在主页或页面加载的 iframe 中注入 JS 代码，而不是在页面加载后动态创建的 iframe）

目前我这样做：

window.setInterval( function() {
  $("iframe").each(function(){
    if ($(this).attr('id')) {
      if ($(this).attr('id') == "iframe_id") {
        //my code
      }
    }
  });
}, 1000);

但由于性能问题，我真的很想避免使用 setInterval。 这有可能以某种方式实现吗？

Answer 1

A. Wolff 可能已经回答了你的问题（“当用户按下按钮时，iframe 是用 JS 创建的”所以你知道 iframe 的创建时间”）。

如果你仍然不确定该怎么做……好吧：

间隔不是一个好主意 - 但你可能自己想通了。试试 on() 方法。这应该会有所帮助。

$( "iframe" ).on( "click", function() {
     alert( "This is my iframe!" );
});

如果您在选择 iframe 的内容时遇到问题，也许您应该尝试访问这样的元素：

$( "#iframe-id" ).contents().find( ".what-i-am-looking-for" ).hide();

如果您正在寻找 jQuery 文档，它将非常有帮助：

http://api.jquery.com/on/

http://api.jquery.com/contents/

干杯！