首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

chrome vs IE11中的iframe onload

在Chrome和IE11中,iframe onload是一个事件,用于检测当iframe元素加载完毕时触发的事件。当iframe元素的src属性指向一个URL时,浏览器会开始加载该URL对应的内容,并在加载完成后触发onload事件。

在前端开发中,使用iframe元素可以将其他网页嵌入到当前页面中,实现页面的嵌套和内容的展示。通过监听iframe的onload事件,可以在iframe加载完成后执行相应的操作,例如修改iframe的样式、获取iframe中的内容等。

Chrome和IE11在处理iframe onload事件方面存在一些差异:

  1. 触发时机:在Chrome中,当iframe元素的src属性发生变化时,会触发一次onload事件;而在IE11中,只有当iframe元素的src属性从未加载过的状态变为已加载过的状态时,才会触发onload事件。
  2. 跨域限制:由于浏览器的同源策略限制,当iframe中的内容来自不同的域名、协议或端口时,访问iframe的内容会受到限制。在Chrome中,当iframe的src属性指向跨域的URL时,onload事件会触发,但无法访问iframe中的内容;而在IE11中,跨域的iframe无法触发onload事件。

推荐的腾讯云相关产品和产品介绍链接地址:

腾讯云提供了丰富的云计算产品和服务,以下是一些与云计算相关的产品:

  1. 云服务器(CVM):提供弹性计算能力,可根据业务需求快速创建、部署和管理虚拟服务器。了解更多:https://cloud.tencent.com/product/cvm
  2. 云数据库MySQL版(CDB):提供高性能、可扩展的MySQL数据库服务,支持自动备份、容灾等功能。了解更多:https://cloud.tencent.com/product/cdb_mysql
  3. 云存储(COS):提供安全、可靠、低成本的对象存储服务,适用于存储和处理各种类型的数据。了解更多:https://cloud.tencent.com/product/cos

请注意,以上推荐的产品仅代表腾讯云的一部分云计算产品,更多产品和服务可在腾讯云官网进行了解。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 从IE6到IE11上运行WebGL 3D遇到各种坑

    Google Chrome Frame不支持iframe方式: At this point ChromeFrame only supports the meta tag detection on top...可采用嵌入OBJECT元素解决方案,绕开Google Chrome Frame不支持iframe问题 <OBJECT ID="ChromeFrame" WIDTH=500 HEIGHT=500 CODEBASE...还好,我们遇到不少项目还是允许购买新机器或者升级新浏览器系统,但这并不以为这能上IE11就问题结束了,微软这哥们对新标准支持要嘛落后半拍,要嘛明知标准就这样我TMD就不实现你能咋地,相信preserve...v=vs.85).aspx Note The W3C specification defines a keyword value of preserve-3d for this property, which...CSS3问题下回再扯淡,那是个无穷无尽的话题,回到我们号称支持WebGLIE11,至从一年前有人泄露IE11将支持WebGL就引得业界一片兴奋,千呼万唤始出来后居然还有那么多缺陷,但终归还是大好事

    78030

    从IE6到IE11上运行WebGL 3D遇到各种坑

    Google Chrome Frame不支持iframe方式: At this point ChromeFrame only supports the meta tag detection on top...可采用嵌入OBJECT元素解决方案,绕开Google Chrome Frame不支持iframe问题 <OBJECT ID="ChromeFrame" WIDTH=500 HEIGHT=500 CODEBASE...还好,我们遇到不少项目还是允许购买新机器或者升级新浏览器系统,但这并不以为这能上IE11就问题结束了,微软这哥们对新标准支持要嘛落后半拍,要嘛明知标准就这样我TMD就不实现你能咋地,相信preserve...v=vs.85).aspx Note The W3C specification defines a keyword value of preserve-3d for this property, which...CSS3问题下回再扯淡,那是个无穷无尽的话题,回到我们号称支持WebGLIE11,至从一年前有人泄露IE11将支持WebGL就引得业界一片兴奋,千呼万唤始出来后居然还有那么多缺陷,但终归还是大好事

    1.7K50

    js获取iframe内容(iframe内嵌页面)

    大家好,又见面了,我是你们朋友全栈君。 js 如何获取包含自己iframe 属性 a.html 如何在b.html里获取包含他iframeid 在父页面定义函数,再到子页面调用。...iframe for(i=0;i js怎样获取iframe,src参数 如何获取iframesrc里面的属性 js如何修改iframe 中元素属性 iframe 属性 及用法越详细越好 。。...在线等 iframe元素功能是在一个html内嵌一个文档,创建一个浮动iframe可以嵌在网页任意部分 name:内嵌帧名称 width:内嵌帧宽度(可用像素值或百分比) height:内嵌帧高度...(可用像素值或百分比) frameborder:内嵌帧边框 marginwidth:帧内文 jQuery怎么给iframesrc赋值 给iframe src赋值,代码如下: 特别注意: 1.上述jquery...JavaScript如何修改页面iframe属性值 HTML5有客户端数据储存方法,但是支持浏览器不多。

    24.6K50

    上下div高度动态自适应--另类处理方案

    这段时间在工作遇到一个看似较为棘手问题。问题描述:查询报表页面分为上下两部分,上部分为条件输入区域,下部分为报表展示区域。...'), self = this; //object在ie11onload方法不能执行 //区元素,绝对定位(父级必须是相对定位,否则参考到body了),四个为0,width、height...object.onload = function(){ var context = this; this.contentDocument.defaultView.addEventListener...$object); }      在此处,为了做到兼容IE11(因为Ie11不支持attacheEvent方法,所以也会被判断为现代浏览器),本人创建DOM,不是使用object而是使用...iframe,因为在IE下objectonload事件不能触发,而iframe可能有;并且iframe边框一定要去掉,否则影响判断。

    3.1K50

    记几处原生JS开发 原

    最近才正式接手工作,遇到很多奇葩领导,总有很多奇葩想法和理念。比如不让用jquery,不过要求兼容ie11chrome ff,就行。放弃jquery开始感觉很难,写了两天,也还行。...先想肯定是阴影或变形引起吧,就把cssshadow去掉,还不行。就一块块去CSS代码。在把透明度去掉,就好了!...2、IE11,在主界面,获取了iframe初始contentWindow后,  如果再往里写入一个新页面,那么这个已经获取window就无效了。...window["ActiveXObject"] || "ActiveXObject" in window)    this.init("再绑定一次"); 这个在chrome ff,不存在window失效问题...frm得到竟然直接是一个window对象,我个天呀!  在chrome,ff, 可不是这样,我还没有去百度原因,不知道有没有什么说法没有。

    2.1K20

    网站性能优化(三)异步加载脚本

    code1.png (在Chrome下测试,三张图片只会有两张被阻塞。我猜测,Chrome是想做某些优化,但是,显然优化不够彻底。...后续测试都基于Chrome浏览器(版本56.0.2924.87)。 1. Script DOM Element 这恐怕是最常见异步加载脚本方法,即,动态创建一个script标签,并设置其src值。...会阻塞onload事件 4. Script in Iframe 创建了一个隐藏iframe标签,设置其src值为JS代码,然后插入到主页面。...这种方式在实际项目中很少用到,因为iframe是开销最高DOM元素。常用场景是显示广告(广告一般需要运行在隔离环境iframe很合适)。...所以需要在HTML文档把外部脚本转成行内脚本。 和XMLHttpRequest一样,iframe不支持跨域加载脚本,且脚本无序执行。 5.

    1.4K30

    如何知道iframe文件下载download完成

    现有的iframeonLoad方法具有兼容性问题,在chrome、IE下无法监听onLoad事件监听文件下载完毕,因为onLoad事件本身也是对iframehtml结构加载进度监听。...= url; iframe.style.display = 'none'; iframe.onload = function() { console.debug('start downloading......'); document.body.removeAttribute(iframe); } document.body.appendChild(iframe); 当chrome、IE下时,如果...,如果是浏览器支持文件类型,一般会默认使用浏览器打开,比如txt、jpg等,会直接在浏览器显示 注意事项: 1.当代码里面使用Content-Disposition来确保浏览器弹出下载对话框时候...,在IE下面就是不行 解决思路一:利用cookie 后端将文件下载进度放在cookie,通过轮询cookie方式,对文件下载进度进行获取,判断文件是否已经下载完毕。

    8.6K40

    vs没有vc_vs控件

    2.关闭文件 函数close() 对文件进行完读写操作之后,必须将文件关闭使得文件重新变成可以访问。close()函数负责将缓存数据排放出来并关闭文件。...file)和二进制文件(binary file)计算方法都是不同,因为文本模式文件某些特殊字符可能被修改。...参数size 是一个整数值,表示要从缓存(buffer)读出或写入字符数。...例如,对于一个输出流, 每次成员函数put (写一个单个字符)被调用,这个字符不是直接被写入该输出流所对应物理文件,而是首先被插入到该流缓存(buffer)。...当缓存被排放出来(flush)时,它里面的所有数据或者被写入物理媒质(如果是一个输出流的话),或者简单被抹掉(如果是一个输入流的话)。

    75120

    iframe 有什么好处,有什么坏处?

    scrolling 规定是否在 iframe 显示滚动条,值为 yes、no、auto 6、src 设置 iframe 地址(页面/图片) 7、srcdoc 用来替换 iframe html、body...但带来一些其它问题:onload 事件以及连接池(connection pool) 2、阻塞页面加载 及时触发 window onload 事件是非常重要。...onload 事件触发使浏览器 “忙” 指示器停止,告诉用户当前网页已经加载完毕。当 onload 事件加载延迟后,它给用户感觉就是这个网页非常慢。...window onload 事件需要在所有 iframe 加载完毕后(包含里面的元素)才会触发。...在 Safari 和 Chrome 里,通过 JavaScript 动态设置 iframe SRC 可以避免这种阻塞情况 3、唯一连接池 浏览器只能开少量连接到 web 服务器。

    4.1K10

    深入理解iframe

    scrolling 规定是否在 iframe 显示滚动条,值为 yes、no、auto 6、src 设置 iframe 地址(页面/图片) 7、srcdoc 用来替换 iframe html、body...但带来一些其它问题:onload 事件以及连接池(connection pool) 2、阻塞页面加载 及时触发 window onload 事件是非常重要。...onload 事件触发使浏览器 “忙” 指示器停止,告诉用户当前网页已经加载完毕。当 onload 事件加载延迟后,它给用户感觉就是这个网页非常慢。...window onload 事件需要在所有 iframe 加载完毕后(包含里面的元素)才会触发。...在 Safari 和 Chrome 里,通过 JavaScript 动态设置 iframe SRC 可以避免这种阻塞情况 3、唯一连接池 浏览器只能开少量连接到 web 服务器。

    4.2K10

    伪元素作用_获取iframe元素

    大家好,又见面了,我是你们朋友全栈君。...目标网站红薯中文网 获取网页源代码也获取不了这些动态渲染数据 所以用简单,但是有点麻烦方法 使用selenium执行js,或者直接在浏览器里面执行js function kkk(){...} kkk() 另外,还有大部分数据是加密,也很简单 function long2str(v, w) { var vl = v.length; var sl = v[vl - 1] & 0xffffffff...fpCsyqkNDOw0yu2jOHasyUMDzX+MTTZ45gfkNSsmUU+pgNvYeC9gk+PNBMmIkLz9B0Sx461nZfdnnDy8qBHDqdffURHyMwLjAcwyxl0VS6A87zv...76980100是上一个请求获取解密密钥 套用即可 解密之后,里面的参数是对应 context_kw11 这个就是对应伪元素class,将这个都拿去用selenium执行js方法获取到结果

    6.9K30
    领券