javascript文件加载管理简单实现方法

 更新时间:2015年07月25日 17:55:53   作者:Brin想写程序  
这篇文章主要介绍了javascript文件加载管理简单实现方法,可实现顺序加载所有js文件的功能,非常简单实用,需要的朋友可以参考下

本文实例讲述了javascript文件加载管理简单实现方法。分享给大家供大家参考。具体如下:

这里介绍超级简单的进行javascript的文件(模块)的加载管理,
实现sea.js或者require.js核心功能,用一行
<script src="js/light/light.js"></script>
加载所有的js文件。

//按照lightJs的顺序,让网页加载js文件:
var lightJs = [
  "./js/light/pre/jquery-1.8.0.min.js",
  "./js/light/pre/jquery-lib.js",  
  "./js/light/pre/less-1.4.2.min.js",
  "./js/lihgt/pre/util.js",
  "./js/xla.js",
   "./js/light/light_file.js"
];
var light;
if (!light)
  light = {};
light.load = (function(lightJs) {
  if (!lightJs)
    lightJs = [];
  var doc = document;
  var head = doc.head || doc.getElementsByTagName("head")[0] || doc.documentElement;
  for (var i = 0; i < lightJs.length; i++) {
    var path = lightJs[i];
    var node = doc.createElement("script");
    node.charset = "utf-8";
    node.src = path;
    head.appendChild(node);
  }
  return doc;
}(lightJs));

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • js实现文字滚动的效果

    js实现文字滚动的效果

    这篇文章主要为大家详细介绍了js实现文字滚动的效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-06-06
  • JS实现的tab切换并显示相应内容模块功能示例

    JS实现的tab切换并显示相应内容模块功能示例

    这篇文章主要介绍了JS实现的tab切换并显示相应内容模块功能,结合实例形式分析了JavaScript基于事件响应、元素遍历实现页面tab切换功能相关操作技巧,需要的朋友可以参考下
    2019-08-08
  • js中巧用cssText属性批量操作样式

    js中巧用cssText属性批量操作样式

    js中巧用cssText属性批量操作样式,需要的朋友可以参考下。
    2011-03-03
  • JavaScript学习笔记之图片库案例分析

    JavaScript学习笔记之图片库案例分析

    这篇文章主要介绍了JavaScript学习笔记之图片库案例,结合具体实例形式分析了javascript图片库相关的页面元素动态操作实现技巧,需要的朋友可以参考下
    2019-01-01
  • 在JavaScript中终止forEach循环的三种方式

    在JavaScript中终止forEach循环的三种方式

    如何终止forEach循环这个问题估计会难倒一部分同学,甚至会有人反问,forEach循环在JavaScript中能终止吗?本文小编给大家介绍了三种方式可以终止forEach循环,需要的朋友可以参考下
    2023-11-11
  • javascript基本数据类型及类型检测常用方法小结

    javascript基本数据类型及类型检测常用方法小结

    这篇文章主要介绍了javascript基本数据类型及类型检测常用方法,总结分析了javascript的基本数据类型与类型检测的常用操作方法,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-12-12
  • JS如何将数字类型转化为没3个一个逗号的金钱格式

    JS如何将数字类型转化为没3个一个逗号的金钱格式

    本文为大家介绍下如何将数字类型转化为没3个一个逗号的金钱格式,下面是具体的实现
    2014-01-01
  • 原生JS实现烟花效果

    原生JS实现烟花效果

    这篇文章主要为大家详细介绍了原生JS实现烟花效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • 使弱类型的语言JavaScript变强势

    使弱类型的语言JavaScript变强势

    Javascript (ECMA Script)是一种弱类型的语言.这并不意味着它没有数据类型,只是变量或者Javascript对象属性不需要一个特定类型的值分配给它或者它始终使用相同的值.Javascript中的变量同样支持自由类型转换成为适用(或者要求)的内容以便于使用.
    2009-06-06
  • JS组件Bootstrap实现弹出框和提示框效果代码

    JS组件Bootstrap实现弹出框和提示框效果代码

    这篇文章主要介绍了JS组件Bootstrap实现弹出框和提示框效果代码,对弹出框和提示框感兴趣的小伙伴们可以参考一下
    2015-12-12

最新评论