Safari恶性bug（iframe与onload,alert的冲突）

最新推荐文章于 2022-11-17 10:55:06 发布
最新推荐文章于 2022-11-17 10:55:06 发布
阅读量4.1k 收藏
点赞数
分类专栏： 未分类 文章标签： safari iframe windows html 测试 xp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CaiKanXP/article/details/5667263
版权

测试环境：

Windows XP SP3

Safari 4.0.5

Safari 5.0

 

新建一个html文件，内容如下：

将此文件拖入Safari，Safari就“死了”……

 

原因：初始src属性为空或“about:blank”的iframe元素，如果其onload事件中有alert,confirm,prompt等函数的话，Safari就会死掉。

 

解决办法：不要把src属性留空，或者不要在src为空的iframe的onload中写alert……

CaiKanXP
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iframe滚动条在safari中无法滚动的终极解决方案
qq_27822743的博客
09-23 1439
大家都知道，正常情况下iframe嵌套的页面如果高度超过iframe高度，那么就正常出现滚动条，并且此滚动条是iframe自身的滚动条。 但在ios,safari浏览器下这一切都失效了，或许你百度，研究了一晚上也百思不得其解，因为大部分情况下你无法进行真机调试，那么你看到我的文章，将带你解决这一困扰。言归正传： 在safari的Webkit引擎下，iframe的高度会随着嵌套页面内容的增大而增大...
iframe中onload的bug
07-26
NULL 博文链接：https://snandy.iteye.com/blog/666530
iframe的onload事件不执行以及postMessage执行多次
weixin_42147968的博客
11-17 3190
iframe onload不执行
关于ios,safari和iframe的各种
热门推荐
wimenlo的前端博客
06-20 1万+
最近没更新过vue的demo和博客，主要原因还是因为手头上有工作，假日也是忙得不行。不过能折腾一下也好，证明自己其实还年轻嘛。 回到正题，我负责的一个项目用的是iframe嵌套页面，bootstrap做UI框架，iframe各种坑我也是早有耳闻，在开始的时候也踩了不少，好在查了不少资料也算是解决了。忽然有一天需求大哥跟我说：兄弟不得了啦，你的页面在iphone上滚动不了，点击也没反应啦。我一下被
iframe的局限性
shallow77的博客
04-04 1204
目录前言主要缺点 前言 之前公司使用的技术便是通过iframe组成微前端的页面，遇到过一些问题，这几天正好面试又被问到，特地总结一下。 主要缺点 大致为一下四点： 创建速度比一般的DOM元素慢1~2个数量级 阻塞页面加载。onload事件触发浏览器的“忙”指示，告诉用户网页加载完毕。使用iframe后需要等所有iframe加载完毕才会onload。在 Safari 和 Chrome 里，通过 JavaScript 动态设置 iframe 的 SRC 可以避免这种阻塞情况 唯一的连接池。浏览器只能开少量的连
IE iframe的onload方法分析小结
09-05
本文将深入探讨IE浏览器中`<iframe>`的`onload`事件处理，以及如何有效地判断一个`<iframe>`是否已经加载完成。 在非IE浏览器（如Firefox、Chrome等）中，我们可以直接使用`<iframe>`的`onload`事件进行绑定，例如...
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
12-02
代码如下: <!... <head> <meta charset=”utf-8″>... ifr.onload = function(){alert(1);}; document.body.insertBefore(ifr,document.body.childNodes[0]); ifr.src = ‘http://www.baidu.c
iframe的onload事件
qq_27009517的博客
07-14 1万+
很多时候，我们会需要改变一个iframe的地址（src属性），或者使用表单(form)的target在指定的iframe进行提交后，在 iframe加载完毕(onload)时立即响应某个操作，以提高WEB应用程序的价值。本文讨论了跨浏览器的iframe onload事件的监听方法。 如果你没时间去阅读全文，可以看解决方案的内容概要： 同域的页面嵌套，最好的是让内嵌的页面调用父页面的函数，如 window.parent.callparentFunctoin()。 如果是异域，或者子页面已存在且无法修改，
element-ui的confirm和alert弹窗在Safari浏览器看不见的bug及其简单解决
斜杠的博客
05-12 4011
问题描述： 近期遇见一个问题，element-ui的$confirm弹窗后执行确认后$alert弹窗。 在Chrome正常，但是在Safari则会出现闪现一下alert弹窗，然后只剩下灰色的蒙板，且点击关不掉的问题。 问题代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...
解决Chrome Safari Opera环境下 动态创建iframe onload事件同步执行
weixin_34041003的博客
02-24 187
我们先看下面的代码： setTimeout(function(){ alert(count); },2000); var count = []; document.body.appendChild(createEditorBody()); function oninitialized(){ count.p...
iframe中的onload事件深藏功与名
忆水思寒的博客
09-18 5625
动态创建的 display 为 none 的 iframe 元素，onload 事件不会执行 ????！ 昨天业务需求中碰到一个关于 iframe 不能正常跳转的棘手问题，一直猜测是 onload 事件引起的，虽然最后用 promise 暂时解决了，但是考虑到一些老版本的浏览器还需要 polyfill 去兼容一下，不必要的引入了 js 增加开销，所以今天研究了一上午终于发现了 iframe 的 onload 秘密。 ::: warning 定义: onload 事件会在页面或图像加载完成后立即发生,ifra
解决safari中iframe嵌入不能滚动的问题
weixin_30341735的博客
06-05 257
做完了个webapp之后，开发的时候一直在浏览器上模拟ios，没有任何问题，谁知交差的时候，客户告知在ios浏览器中不能滚动嵌入的iframe，直接就滚动外层整个document了，你知道document本身就有触碰边缘缓动的效果，下图，中间的部分其实就是嵌入了iframe。 解决方法： <div class="scroll-wrapper"> <ifram...
【专】各浏览器对页面 onload 事件处理方式
weixin_30788239的博客
10-18 376
要给一个要修改的界面添加onload函数，突然对window.onload,doument.onload,document.body.onload这些给搞混了，该如何使用，及其区别...............分别试验了一下发现认识到了好多盲点，搜到了这个文章，给试验结果差不多，不怎么会写文在此转载一下：http://www.w3help.org/zh-cn/causes/SD9022...
Safari 和 IE浏览器 中使用iframe加载第三方网站的cookies、session
changjun154的博客
06-12 5285
最近在项目中做了一个模块给别人用iframe嵌入，在测试过程中发现对于Safari 和 IE浏览器 不能保存cookies（session是基于cookies的，效果一样）
iframe 的onload事伯
康林工作室
08-07 3572
很多时候，我们会需要改变一个iframe的地址（src属性），或者使用表单(form)的target在指定的iframe进行提交后，在 iframe加载完毕(onload)时立即响应某个操作，以提高WEB应用程序的价值。本文讨论了跨浏览器的iframe onload事件的监听方法。如果你没时间去阅读全文，可以看解决方案的内容概要：同域的页面嵌套，最好的是让内嵌的页面调用父页面的函数，如
iframe.onload
最新发布
11-30
iframe.onload是一个事件，当iframe加载完成后触发。可以通过注册事件监听器来执行一些操作。下面是两个例子： 1.正常的iframe加载完成后触发onload事件 ```javascript var iframe = document.createElement(...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值