js,监听iframe加载完成
时间: 2024-10-16 21:20:45 浏览: 32
js下判断 iframe 是否加载完成的完美方法.docx
在JavaScript中,如果你想监听IFrame(嵌入式HTML文档)的内容是否已完全加载完成,可以使用`window.onload`事件或者`document.readyState`属性。但是,由于同源策略限制,你无法直接通过JavaScript操作嵌入的IFrame内容,除非它们在同一域下。
以下是利用`window.onload`的示例:
```javascript
// 创建一个iframe元素
var iframe = document.createElement('iframe');
// 设置src属性来加载页面
iframe.src = 'https://example.com/your_iframe_page';
// 将iframe添加到DOM中
document.body.appendChild(iframe);
// 当整个文档加载完成后,执行回调函数
iframe.onload = function() {
console.log('IFrame加载已完成');
// 在这里你可以访问并操作IFrame的内容,如果需要的话(前提同源)
};
// 或者,如果你希望在IFrame内容开始加载就立即注册监听,可以这样做:
iframe.onreadystatechange = function() {
if (this.readyState === 'complete') {
console.log('IFrame加载已完成');
}
};
```
阅读全文