前端进阶_IFrame

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