jQuery 在加载 iFrame 框架完成以后才执行操作

发布于 2017-11-15 00:15:25 字数 1308 浏览 2459 评论 0

iFrame 是一个 HTML 标签,作用是文档中的文档,或者浮动的框架(FRAME)。iFrame 元素会创建包含另外一个文档的内联框架(即行内框架),可以把需要的文本放置在 <iframe></iframe> 之间,这样就可以应对无法理解 iframe 的浏览器。

jQuery 在加载 iFrame 框架完成以后才执行操作

有时候我们开发网页应用的时候,需要跨框架获取元素,当前页面的加载事件我们可以很容易的捕捉到,但是框架里面就不是那么容易了,不过仍然有办法能够实现,比如下面的一段框架代码:

<iframe id="wenjiangs" scrolling="no" frameborder="0"></iframe>

对应的 JavaScript 代码,捕捉 iFrame 加载完成以后运行代码:

var iframe = document.getElementById("wenjiangs");  
if (iframe.attachEvent) {  
    iframe.attachEvent("onload", function() {  
        //以下操作必须在iframe加载完后才可进行  
        $("#themes").find(".selected").trigger("click");  
    });  
} else {  
    iframe.onload = function() {  
        //以下操作必须在iframe加载完后才可进行  
        $("#themes").find(".selected").trigger("click");  
    };  
}
IE 支持 iframe 的 onload 事件,不过是隐形的,需要通过 attachEvent 来注册,else{} 后面是针对非IE浏览器写的代码,在此可以定义一个函数,然后调用同一个函数体。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84935 人气
更多

推荐作者

淹不死的鱼

文章 0 评论 0

zhangMack

文章 0 评论 0

爱的故事

文章 0 评论 0

linces

文章 0 评论 0

早乙女

文章 0 评论 0

鸵鸟症

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击“接受”或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。