zoukankan      html  css  js  c++  java
  • 动态加载JS

    最近,使用Ext将一个原有项目升级为Ajax的项目。将原有的Ifarem框架全部的抛弃了,使用了Ext中的TabPanel将原本比较单调的页面变的生动起来。

    Ext中的TabPanel加载方式有两种,Ifarem方式和直接加载JS的autoload模式。

    Ifarem方式:

    优点:简单,方便,快捷

    缺点:一个很大的弊端就是每次在加载一个新的iframe时都要将Ext的核心js,css文件都需要重新加载。由于Ext是一个庞大的类库,这些文件的体积都很庞大,仅仅是ext-all.js就有400多k,所以用iframe方式加载就大大降低了效率。

    autoload模式:

    优点:提高了页面的加载效率,增强了页面的表现能力。

    缺点:要将项目中所有需要的JS一次性全部加载,造成了登录的加载延时。

    所以,我想到了利用ajax方式动态加载JS文件。具体的思路是:

    1.先通过树单击事件获得页面的路径,传到后台利用对照表将它所需的JS文件的地址全部转换到。

    2.将获得的JS文件地址返回到前台,利用JsLoader函数将得到的文件进行加载。

    利用JS进行动态加载JS脚本的代码如下:

    Code
  • 相关阅读:
    node 中的 异步地狱回调
    node 同步和异步的概念
    【Node】File System
    阅读《软技能:代码之外的生存指南》读书笔记
    整理前端学习资料以便日后查看
    【css】单选框和复选框文字垂直居中问题
    [CSS]图片与文字对齐问题--摘自张鑫旭博客
    百度首页换一换功能js实现
    个人加分项
    开课第十五周周总结
  • 原文地址:https://www.cnblogs.com/ali/p/1579229.html
Copyright © 2011-2022 走看看