1.iframe与jQuery

  iframe 与jQuery的关系十分简单。只要理解了一点,即可完全搞清楚:jQuery,$是页面上的一个js对象,即window的一个普通对象,获得这个 jQuery对象后,就可以进行操作了。jQuery对象属于页面,如果要访问iframe页面的jQuery对象,首先要保证能够访问子页面的的对象, 就是要满足父页面与子页面同域。当然iframe页面也要引入jquery.js。通常是以下写法:

  1.在父页面访问子页面的jQuery对象。window.frames["xxxIframe"].$("#top"),表示访问子页面的top元素。如果拆分开来,会更容易理解即:

  var iframe$ = window.frames["xxxIframe"].$;

  iframe$("#top");

  这里iframe$就相对于$。

  2.在子页面访问页面的jQuery对象。parent.$("#top")。拆分开来就是:

  var parent$ = parent.$;

  parent$("#top");

  如果是顶层框架,就是top.$("#top")。

 

2.使用绝对路径访问iframe
  top.document.getElementById("include").contentWindow.frames['mainFrame'].window

相关文章:

  • 2021-11-11
  • 2022-02-25
  • 2022-03-01
  • 2021-12-31
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-03-04
  • 2021-08-01
  • 2021-12-15
  • 2021-06-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-09
相关资源
相似解决方案