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

Question

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浏览器写的代码，在此可以定义一个函数，然后调用同一个函数体。