JS如何终止IFRAME子页面加载

wlszl50 2015-07-15 01:24:07
我在 a 页面用JS控制页面中的 iframe 载入 b 页面,如果载入成功则正常执行程序,如果载入失败则弹出警告框。

现在的问题是有时候 b 页面一直处于加载状态,使得主页面 a 中的程序即不能正常执行,又不能弹出警告。

我的想法是能不能当加载时间超过1分钟就终止iframe中页面的加载,我尝试过当加载 b 页面超过1分钟使 iframe 的 location 转到一个空白页面。可我发现浏览器有个机制,它非得等前面一个加载有了结果才会执行下面的加载,所以这个办法行不通。谁有没有什么办法强制终止 iframe 里页面的加载?
...全文
426 10 打赏 收藏 转发到动态 举报
写回复
10 条回复
切换为时间正序
请发表友善的回复…
发表回复
wlszl50 2015-07-20
  • 打赏
  • 举报
回复
没人解决吗,如果能解决下面的问题也一样,2个帖子的分都给你 http://bbs.csdn.net/topics/391077432
wlszl50 2015-07-18
  • 打赏
  • 举报
回复
我开始想到的办法就是转到空白页,不起作用啊 我测了下,iframe 的 readystate,卡就卡在 readystate=1的时候,readystate=2 后面瞬间就出来了
xiaoxiangxiaodong 2015-07-17
  • 打赏
  • 举报
回复
先间接跳转到空白页,再链接进B页。
wlszl50 2015-07-17
  • 打赏
  • 举报
回复
设置空地址也不行,我觉得不是代码或程序本身卡,而是浏览器一直试图连接服务器却连接不上,这个问题怕是无解了!
打字员 2015-07-16
  • 打赏
  • 举报
回复

<iframe src="about:blank"></iframe>
  • 打赏
  • 举报
回复
给iframe设置空地址试试呢
wlszl50 2015-07-16
  • 打赏
  • 举报
回复
问题是我要用这个 iframe 反复加载一些页面,如果有一个加载卡在那里其他页面就加载不了了
天际的海浪 2015-07-15
  • 打赏
  • 举报
回复
你不用等页面整个都加载完成,只要你代码中需要访问的那些元素已经加载了,程序就能正常执行,象一些图片加载速度慢不会影响程序
wlszl50 2015-07-15
  • 打赏
  • 举报
回复
删除 iframe 也不行啊,有时实在觉得加载 b 页面时间太长就刷新浏览器都会刷新好久,必须重新启动浏览器才行。
hch126163 2015-07-15
  • 打赏
  • 举报
回复
删除 iframe
相关推荐
通过页面性能测试概念+页面加载过程+页面性能指标+页面性能测试工具的学习,可以学到如下内容:①WEB网站页面性能的指标(白屏时间、首屏加载完成时间、FP、FCP、DCL、CLS、FPS等);②WEB网站页面性能测试策略;③WEB网站页面加载过程(前端基础语言:HTML+CSS+JavaScript,DOM、CSSOM、渲染树、布局、绘制);④WEB网站页面性能测试工具的实际操作和功能介绍(开发者工具:控制台、网络、性能、Lighthouse、FPS渲染统计等);⑤WEB网站页面性能测试报告编写。⑥WEB网站页面性能测试步骤和实际操作。课程内容:第一章:课程简介1、课程介绍2、课程大纲第二章:页面性能测试1、页面性能测试概念2、页面性能测试专业术语3、页面性能测试策略第三章:页面加载过程1、HTML概念,HTML5实例,HTML5文档2、CSS概念,CSS实例,CSS文档3、JavaScript概念,JavaScript脚本实例和作用4、DOM和CSSOM理解5、HTML5渲染引擎理解6、HTML5页面内容渲染的过程,HTML渲染树第四章:页面性能测试工具1、页面性能测试具体工具2、Chrome开发者工具介绍第五章:页面性能测试工具-控制台:window.performance1、控制台:window.performance介绍2、window.performance.timing执行结果加载字段理解3、window.performance.timing执行结果属性对应页面阶段理解4、window.performance页面性能参数计算5、window.performance页面性能关键指标计算第六章:页面性能测试工具-网络面板1、Chrome-开发者工具-网络面板介绍2、Chrome-开发者工具-网络-瀑布流指标第七章:页面性能测试工具-性能面板1、Chrome-开发者工具-性能面板-使用方法2、Chrome-开发者工具-性能面板介绍3、Chrome-开发者工具-性能面板-控制按钮区域4、Chrome-开发者工具-性能面板-Overview区域5、Chrome-开发者工具-性能面板-火焰图区域6、Chrome-开发者工具-性能面板-内存图区域7、Chrome-开发者工具-性能面板-统计汇总区域8、Chrome-开发者工具-性能面板-统计汇总区域-摘要内容9、Chrome-开发者工具-性能面板-统计汇总区域-事件时长、调用、发生顺序第八章:页面性能测试工具-FPS监控1、Chrome-开发者工具-FPS监控-FPS介绍、FPS视觉效果、FPS查看方法第九章:页面性能测试-Lighthouse面板1、Chrome-开发者工具-Lighthouse介绍、操作方法、运行的生命周期2、Chrome-开发者工具-Lighthouse报告指标分析3、Chrome-开发者工具-Lighthouse的报告优化建议第十章:页面性能测试工具-Performance insights面板1、Chrome-开发者工具-Performance insights操作方法2、Chrome-开发者工具-Performance insights分析报告第十一章:网速调研1、全国网速的调研和本机网速测试第十二章:页面性能测试总结1、页面性能测试指标采集方式2、页面性能测试报告3、页面性能测试-操作步骤​

87,716

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告