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