js的动态加载、缓存、更新以及复用（一）

 

使用范围：

　　OA、MIS、ERP等信息管理类的项目，暂时不考虑网站。

 

遇到的问题：

　　完成一个项目，往往需要引用很多js文件，比如jQuery.js、easyUI等。还有自己写的一些列js文件，那么这些文件如何方便的加载，如果文件有变化如何才能让客户端及时更新缓存？如果能够提高点运行效率，那就更好了。

 

目标：

1、  可以方便的引用js文件。

2、  尽量使用各种缓存，避免频繁从服务器读取文件。

3、  如果js文件有更新或者增加、减少几个减少js文件，需要客户端能够自动、立刻更新。

4、  Js文件的复用。

 

页面结构：

 

　　一般OA、MIS这一类的项目，大多采用frameset或者iframe的方式来实现，这样就有了父页和子页的概念。我们可以利用这一点来做做文章。

 

　　网页可以分为三块：外壳、首页、标签、数据列表、表单（添加、修改）。因为这里要说的加载js的方法，需要利用这种页面结构，也正是因为这个原因，所以暂时不支持网站。

 

　　看这个图有点眼熟吧。恩，就是这种结构。

　　

正文

　　现在做web版的应用，越来越依赖各种js了，第三方的jQuery、easyUI、my97等，还有自己写的各种js。要实现的功能越来越多，需要使用的js也越来越多，js文件的修改也很频繁。于是就出现了许多问题，比如每个页面都要写一大堆