栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何检测是否已加载iframe?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何检测是否已加载iframe?

您可以尝试使用(

jQuery

$(function(){    $('#MainPopupIframe').load(function(){        $(this).show();        console.log('iframe loaded successfully')    });    $('#click').on('click', function(){        $('#MainPopupIframe').attr('src', 'https://heera.it');    });});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><button id='click'>click me</button><iframe  id='MainPopupIframe' src='' /></iframe>

更新: 使用普通格式

javascript

window.onload=function(){    var ifr=document.getElementById('MainPopupIframe');    ifr.onload=function(){        this.style.display='block';        console.log('laod the iframe')    };    var btn=document.getElementById('click');    btn.onclick=function(){        ifr.src='https://heera.it';    };};<button id='click'>click me</button><iframe  id='MainPopupIframe' src='' /></iframe>

更新: 您也可以尝试一下(动态iframe)

$(function(){    $('#click').on('click', function(){        var ifr=$('<iframe/>', { id:'MainPopupIframe', src:'https://heera.it', style:'display:none;width:320px;height:400px', load:function(){     $(this).show();     alert('iframe loaded !'); }        });        $('body').append(ifr);    });});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><button id='click'>click me</button><br />


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/408002.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号