jquery判断iframe是否加载完

如何判断iframe是否加载完

一、流程图

gantt
    title 判断iframe加载完整流程
    section 流程
    判断iframe是否加载: done, 2022-11-03, 2022-11-04
    如果加载完毕: done, 2022-11-04, 2022-11-04

二、步骤

步骤	操作
1	判断iframe是否加载
2	如果加载完毕

三、具体操作

步骤一：判断iframe是否加载

在页面中找到需要判断的iframe元素，并使用以下代码来判断iframe是否加载完毕：

const iframe = document.getElementById('your-iframe-id'); // 获取iframe元素
if (iframe.contentDocument.readyState === 'complete') { // 判断iframe文档是否加载完毕
    console.log('iframe已加载完毕');
} else {
    console.log('iframe正在加载中');
}

代码解释：

• document.getElementById('your-iframe-id')：获取id为'your-iframe-id'的iframe元素
• iframe.contentDocument.readyState：获取iframe中文档的加载状态，'complete'表示加载完毕

步骤二：如果加载完毕

如果需要在iframe加载完毕后执行其他操作，可以使用以下代码：

iframe.onload = function() {
    console.log('iframe加载完毕，可以执行其他操作');
    // 在这里写下需要执行的代码
};

代码解释：

• iframe.onload：当iframe加载完毕时触发的事件
• function() { ... }：在这里写下加载完毕后需要执行的代码

以上就是判断iframe是否加载完毕的步骤和代码，希望对你有所帮助。

---

通过以上步骤，你就可以帮助小白实现判断iframe是否加载完毕的功能。希望你能够在日后的开发中更加得心应手！