2025年3月27日 星期四 甲辰(龙)年 月廿六 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

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

时间:12-14来源:作者:点击数:24

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浏览器写的代码,在此可以定义一个函数,然后调用同一个函数体。>
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐