iframe加载完成事件

获取到iframe加载的前提条件

1.iframe必须在body的下方，如：

$("body").append(`<iframe id="player" type="text/html" height="360" src = "` + src + `" frameborder = "0" ></iframe>`);

2.IE下和其他浏览器下的iframe加载完成后执行事件：

           var iframe = document.getElementById("player");if (document.readyState && document.readyState != 'complete')  {iframe.attachEvent("onload", function () {//代码能执行到这里说明已经载入成功完毕了});} else {//上面是    IE的判断方式iframe.addEventListener("load", function () {//代码能执行到这里说明已经载入成功完毕了}, false);}

iframe加载完成事件相关推荐

iframe加载pdf支持android,如何检查iframe是否已完全加载PDF文件
如何在iframe加载PDF文件时显示加载指示符?如何检查iframe是否已完全加载PDF文件在我部分工作的解决方案中,我执行以下操作:当模式对话框(其中包含iframe)打开时,会显示一个加载指示 ...
在.NET2.0中如何更简单的使用委托将方法加载到事件中去
我们知道在System命名空间中,.NET为我们提供了EventHandler的委托,它的原型是delegate void EventHandler(object sender,EventArgs e ...
javscript 实现iframe加载内容页出现LOADING效果
来源:http://www.cnblogs.com/micheng11/archive/2009/03/31/1425883.html iframe加载内容页实现LOADING效果,即iframe加载 ...
跳转，location.href，window.open()，load加载页面，iframe加载页面，兼容相关
跳转页面,兼容ios: window.location.href = ""; 跳转页面,ios无法跳转: window.open(); load加载页面: $("#&qu ...
iframe加载完成后操作contentDocument
如何实现在iFrame加载相应的aspx 完成后再操作contentDocument中的元素? 思路: 先判断iframe的readyState是不是完成状态,如果是就进行相应的操作,否则延迟一定的时 ...
vue图片懒加载插件vue-lazyload监听加载失败事件的解决方案
对于vue项目而言,图片懒加载是一个常见的图片加载方案,可以优化用户体验,而vue-lazyload则是一个广泛使用的插件. 对于某些业务场景,我们需要监听图片加载失败事件,而后进行相应的处理,然 ...
jQuery的页面加载完毕事件？
很多时候我们需要获取元素,但是必须等到该元素被加载完成后才能获取.我们可以把js代码放到该元素的后面,但是这样就会造成js在我们的body中存在不好管理.所有页面加载完毕后所有的元素当然已经加载完毕. ...
页面加载完成事件 - onload，四种写法
在js和jquery使用中,经常使用到页面加载完成后执行某一方法.通过整理,大概是五种方式: js动态加载外部插件后,导致页面加载顺序不是按照代码的书写顺序执行,引起报错, 这时候就可以用监听页面加载 ...
iframe加载白屏问题
注意: 当主URL为https协议,而iframe加载的URL为http协议,就会导致加载不出来现象: 修改方案: 把主URL修改为http协议

iframe加载完成事件

获取到iframe加载的前提条件

iframe加载完成事件相关推荐

最新文章

热门文章