首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何检测是否加载了iframe?

如何检测是否加载了iframe?
EN

Stack Overflow用户
提问于 2012-09-04 23:45:42
回答 2查看 294.5K关注 0票数 103

我正在尝试检查在用户单击按钮后是否加载了iframe。

我有过

代码语言:javascript
复制
$('#MainPopupIframe').load(function(){
    console.log('load the iframe')
    //the console won't show anything even if the iframe is loaded.
})

HTML

代码语言:javascript
复制
<button id='click'>click me</button>

//the iframe is created after the user clicks the button.
<iframe id='MainPopupIframe' src='http://...' />...</iframe>

有什么建议吗?

顺便说一下,我的iframe是动态创建的。它不会随着最初的页面加载而加载。

EN

回答 2

Stack Overflow用户

发布于 2012-09-04 23:57:13

我是这样想的:

代码语言:javascript
复制
<html>
<head>
<script>
var frame_loaded = 0;
function setFrameLoaded()
{
   frame_loaded = 1;
   alert("Iframe is loaded");
}
$('#click').click(function(){
   if(frame_loaded == 1)
    console.log('iframe loaded')
   } else {
    console.log('iframe not loaded')
   }
})
</script>
</head>
<button id='click'>click me</button>

<iframe id='MainPopupIframe' onload='setFrameLoaded();' src='http://...' />...</iframe>
票数 2
EN

Stack Overflow用户

发布于 2017-12-08 06:34:54

你也可以尝试onload事件;

代码语言:javascript
复制
var createIframe = function (src) {
        var self = this;
        $('<iframe>', {
            src: src,
            id: 'iframeId',
            frameborder: 1,
            scrolling: 'no',
            onload: function () {
                self.isIframeLoaded = true;
                console.log('loaded!');
            }
        }).appendTo('#iframeContainer');

    };
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12267010

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档