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

2 篇文章 0 订阅
2 篇文章 0 订阅

最近在研究做后台页面时候,遇到页面加载过慢,调试一看,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,请关注下次的博客

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值