如何让iframe使用父页面的js文件,不用每次去服务器做请求

最近在研究做后台页面时候,遇到页面加载过慢,调试一看,js加载太多,由于使用的是iframe导致浏览器每次都要加载js和css,别说缓存就不会,

缓存对iframe一点效果也没有,只是对当前的页面有效,而且iframe还是动态的创建创建的,于是就有了引用父页面的js想法.

//获得这个iframe对象
var iframe = $("iframe");
//如果当前页面引用了jquery,那么在当前页面的window中会有一个$属性
//我们需要的就是他,如果引用其他的js可以做成js对象的形式
//打印一些下你可以看到
console.log(window);

//这样就获得iframe的window对象

var iframeWindow = iframe.prop('contentWindow');

//在iframe的window对象中创建一个属性名为$的属性,并且把当前页面window对象中的jquery对象复制到iframe中的$属性上
//为什么不是 iframeWindow.$ = window.$;由于js代码的内存管理机制,这样做只是指向父页面window对象的$属性,所以使用jquery的深度复制对象
//互不干扰
iframeWindow.$ = $.extend(window.$);

//这样就可以在iframe中直接使用$中的函数



//iframe引用父页面的css,请关注下次的博客