如何让iframe使用父页面的js文件,不用每次去服务器做请求
来源:互联网 发布:java数组动态添加 编辑:程序博客网 时间:2024/06/06 03:46
最近在研究做后台页面时候,遇到页面加载过慢,调试一看,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,请关注下次的博客
阅读全文
0 0
- 如何让iframe使用父页面的js文件,不用每次去服务器做请求
- 如何让iframe无法调用父页面的js代码或元素,而父页面可以调用iframe
- 如何让页面监测Iframe页面的状态?
- java开发,在本地与服务器上读取文件的方法,不用每次都修改路径(主要在部署的时候做变动)
- layer如何关闭以及父页面如何访问IFRAME页面的JS方法属性
- js 页面使用iframe 父页面子页面互相操作
- 如何让一个IFRAME调用页面的背景为透明?
- 如何让一个IFRAME调用页面的背景为透明
- 每次返回上一个页面让ajax重新请求的一句代码
- iframe如何让父页面根据子页面的大小而动态为子页面留出空间
- tomcat如何配置懒加载 每次更改不用重新启动服务器
- tomcat如何配置懒加载 每次更改不用重新启动服务器
- 如何配置能让fiddler抓去https的请求?
- 如何配置能让fiddler抓去https的请求?
- 如何做页面自动刷新,又不用让用户按回车键来提交数据
- 如何做页面自动刷新,又不用让用户按回车键来提交数据!
- xcode修改完js lua等文件不用每次都重新编译的设置方法
- 用真机调试,如何在ddms里导出文件的时候,不用每次都chmod。
- 「LibreOJ β Round #2」贪心只能过样例 [bitset]【STL】
- PAT (Advanced Level) Practise 1099 Build A Binary Search Tree (30)
- 异步流程控制(js前端)
- 如何解决在Activity中无法获取getSupportFragmentManager()
- Android 进程间通信——Service、Messenger
- 如何让iframe使用父页面的js文件,不用每次去服务器做请求
- 创建型-单例模式
- Java图片处理开源框架(02)
- 大话设计模式java版:命令模式
- Freemark实现Java导出Word
- 首届阿里研发效能嘉年华资料回顾(含PDF、视频)
- JS闭包导致循环给按钮添加事件时总是执行最后一个
- POJ 2196 & ZOJ 2405 & UVA 3199
- nsenter工具进入docker容器