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

2025-12-27 45 浏览 0 评论

iFrame 是一个 HTML 标签,作用是文档中的文档,或者浮动的框架(FRAME)。iFrame 元素会创建包含另外一个文档的内联框架(即行内框架),可以把需要的文本放置在 <iframe></iframe> 之间,这样就可以应对无法理解 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 浏览器写的代码,在此可以定义一个函数,然后调用同一个函数体。

发布评论

发布评论前请先 登录

评论列表 0

暂无评论