>  기사  >  웹 프론트엔드  >  자바스크립트 파일 로딩 관리_javascript 기술의 간단한 구현 방법

자바스크립트 파일 로딩 관리_javascript 기술의 간단한 구현 방법

WBOY
WBOY원래의
2016-05-16 15:49:011071검색

본 글의 예시에서는 자바스크립트 파일 로딩 관리의 간단한 구현 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

JavaScript 파일(모듈)을 로드하고 관리하는 매우 간단한 방법은 다음과 같습니다.
sea.js나 require.js의 핵심 기능을 구현하려면 한 줄로
dcc41216e4f29be3b28d7de3316740662cacc6d41bbb37262a98f745aa00fbf0
모든 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으로 문의하세요.