ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptファイル読み込み管理の簡単な実装方法_JavaScriptスキル

JavaScriptファイル読み込み管理の簡単な実装方法_JavaScriptスキル

WBOY
WBOYオリジナル
2016-05-16 15:49:011072ブラウズ

この記事の例では、JavaScript ファイル読み込み管理の簡単な実装方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。

これは、JavaScript ファイル (モジュール) をロードして管理する非常に簡単な方法です。
sea.js または require.js のコア関数を実装するには、1 行
を使用します。 6c0a5872b0dbe8cd4742a7d5ba6087482cacc6d41bbb37262a98f745aa00fbf0
すべての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 プログラミング設計に役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。