用window.addEventListener监听iframe的变化
时间: 2024-05-15 09:11:33 浏览: 294
JavaScript使用HTML5的window.postMessage实现跨域通信例子
可以使用`MutationObserver`监听`iframe`元素的变化,以下是具体的实现方式:
1. 首先获取到`iframe`元素,可以通过`document.querySelector()`或者`document.getElementById()`等方法获取到该元素。
2. 然后创建一个`MutationObserver`对象,并将其绑定到该`iframe`元素上。
3. 在回调函数中,可以处理当`iframe`元素内容变化时的操作。
以下是示例代码:
```javascript
const iframe = document.querySelector('iframe');
const observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
// 处理当iframe内容变化时的操作
}
});
});
observer.observe(iframe, { childList: true });
```
阅读全文