javascript - 使用 jQuery 动态检测 iframe？

Question

为了检查 iFrame 当前是否打开，您可以使用:

if (window!=window.top) { /* I'm in a frame! */ }

但是如果我想在 iFrame 打开时收到警报该怎么办？如何让 JS 自动检测当前页面打开或插入 DOM 中的 iFrame？

Answer 1

使用 JQuery，您可以使用以下代码:

$('body').on('DOMNodeInserted', 'iframe', function(e) {
  console.log("Iframe inserted into document");
});

// To test it
$('button').click(function() {
  $('body').append('<iframe></iframe>')
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Add iframe</button>
<hr />