用iframe踩的坑

1、无法监控iframe加载成功与否

经测试,火狐及chorme都不支持onerror事件,而且,不管iframe加载是否成功,都会触发onload事件。

1)通过postmessage消息提示是否加载成功

2)通过判断title,但是要约定下iframe的title不能是Error,否则会造成误判的

1
2
3
4
5
6
7
8
9
var downFrame = document.getElementById("iframe");
    downFrame.onload=function(){
        var ifDoc = downFrame.contentDocument || {};
        var ifTitle = ifDoc.title;
 
        if (ifTitle.indexOf("404") >= 0 || ifTitle.indexOf("Error") >= 0) {
            alert('下载失败,请刷新重新尝试!');
        }
    }

  

 

posted @   地铁程序员  阅读(489)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示