zoukankan      html  css  js  c++  java
  • iframe框架加载完成后执行函数

    //方法一
    var iframe = document.createElement("iframe"); iframe.src = "http://www.baidu.com/"; if (!/*@cc_on!@*/0) { //if not IE iframe.onload = function(){ alert("框架加载完毕."); }; } else { iframe.onreadystatechange = function(){ if (iframe.readyState == "complete"){ alert("框架加载完毕."); } }; } document.body.appendChild(iframe); //方法二 var iframe = document.createElement("iframe"); iframe.src = "http://www.baidu.com/"; if (iframe.attachEvent){ iframe.attachEvent("onload", function(){ alert("Local iframe is now loaded."); }); } else { iframe.onload = function(){ alert("Local iframe is now loaded."); }; } document.body.appendChild(iframe);
    //应用实例
    created() { let resTypeId = this.$route.query.resTypeId; let resId = this.$route.query.resId; const vm = this; vm.$http("XXXXXXXXXXX", { resTypeId: resTypeId, resId: resId, previewFlag: 0 }).then(res => { vm.contentlist = res.data.contentList; setTimeout(function () { var iframes = document.getElementById('IFrame'); iframes.src = res.data.contentList[0].contentFileUrl; if (! /*@cc_on!@*/ 0) { //if not IE iframes.onload = function () { vm.isloadingsvg = true;//关闭loading } } else { iframes.onreadystatechange = function () { if (iframes.readyState == "complete") { vm.isloadingsvg = true;//关闭loading } } } }) }); },

     原文链接:https://www.cnblogs.com/supe/p/7345078.html

  • 相关阅读:
    windows对象的属性和方法
    JavaScript事件处理
    HTML骨架-深入理解
    js阻止元素的默认事件与冒泡事件
    CSS3之背景色渐变
    CSS3匹配屏幕横竖状态
    LINUX系统GIT使用教程
    博客园文章页显示布局调整
    JS编码解码详解
    JS设置获取cookies
  • 原文地址:https://www.cnblogs.com/hdff/p/10410521.html
Copyright © 2011-2022 走看看