判断 iframe 是否加载完毕

最新推荐文章于 2024-01-08 15:36:05 发布

湘南烟客

最新推荐文章于 2024-01-08 15:36:05 发布

阅读量1.4k

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了三种检测iframe是否加载完成的方法：使用jQuery的load()函数、利用onreadystatechange事件以及attachEvent方法。这些方法覆盖了不同浏览器环境下的实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一、jQuery load()

Js代码

//根据id获取iframe

var frm = document.getElementById('myiframe');
//利用jQuery来判断iframe是否已经加载完毕
$(frm).load(function(){//等iframe加载完毕
//这里就是ifram加载完后做的事情
});
方法二、onreadystatechange
Js代码
1. var iframe = document.createElement("myiframe");
2. iframe.src = "http://www.baidu.com";
3. if (!/*@cc_on!@*/0) { //如果不是IE，IE的条件注释
4. iframe.onload = function(){
5. alert("Local iframe is now loaded.");
6. };
7. } else {
8. iframe.onreadystatechange = function(){ // IE下的节点都有onreadystatechange这个事件
9. if (iframe.readyState == "complete"){
10. alert("Local iframe is now loaded.");
11. }
12. };
13. }
14. document.body.appendChild(iframe);
方法三、attachEvent
Js代码
1. var iframe = document.createElement("iframe");
2. iframe.src = "http://www.baidu.com";
4. if (iframe.attachEvent){
5. iframe.attachEvent("onload", function(){ // IE
6. alert("Local iframe is now loaded.");
7. });
8. } else {
9. iframe.onload = function(){ // 非IE
10. alert("Local iframe is now loaded.");
11. };
12. }
14. document.body.appendChild(iframe);

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。