|
如何在多网页框架模式下联合应用
|
 
|
|
如何在多网页框架模式下联合应用
|
|
现有应用模式或标准应用模式下JSDK3框架分别独立运行在容器页面中，彼此之间都是独立分开的。当一个由多个页面框架(指IFrame)组成的复合页面时，如果每个子页面都加载了本JSDK3框架，势必会非常影响加载效率。并且从资源利用率上看，多个页面都使用了很多一样的资源。所以，在这种情况下可采用联合模式，实现代码共享、资源共享和尽可能的根据已有资源进行拷贝复制。
下面以下图表示的页面为样本进行联合应用：
|
Top | |
|
Left |
Main |
首先，我们了解上图表示一个拥有3个子框架的页面，一共有4个页面。我们现在来进行如下引入和设置：
1.在主页面中头部做如下引入：
| <script appMode="main" src="jsdk3x/loader.js"></script> |
2.在Top页面中头部做如下引入：
| <script appMode="sub" src="jsdk3x/loader.js"></script> |
3.在Left页面中头部做如下引入：
| <script appMode="sub" src="jsdk3x/loader.js"></script> |
4.在Main页面中头部做如下引入：
| <script appMode="sub" src="jsdk3x/loader.js"></script> |
当作了以上引入设置后，加载效率会提高许多，减少了许多由于多次加载而浪费的宝贵时间。
当然，上述只是描述的两层结构，对于有三层以上的情况，目前也支持，只是可能还不够完全。也没有做过完全测试。
还有，就是还要考虑弹出窗口和其父窗口的联合应用方式。此种情况以后再作详细考虑。