jquery 동적 로딩 js/css 파일 방법(자체 작성 작은 함수)_jquery

먼저 jquery와 함께 제공되는 getSrcript 파일을 살펴보겠습니다

방법

$.getScript(url,콜백)

예

코드 복사 코드는 다음과 같습니다.

var testVar = '새 JS가 로드되었습니다!';
경고(testVar); 함수 newFun(dynParam) {
Alert('방금 ' dynParam '을 매개변수로 전달했습니다.');
}

동적 호출 방법

코드 복사 코드는 다음과 같습니다.

$(함수()

{

$('#loadButton').click(function(){

$.getScript('new.js',function(){

newFun('"Checking new script"');//이 함수는 new.js에 있습니다. 이 함수는 클릭 시 실행됩니다.

});

});

});

로드

위 내용은 js 코드만 동적으로 로드할 수 있고, css는 로드할 수 없습니다. 나중에 js와 css를 로드할 수 있는 프로그램을 작성했습니다.

코드는 다음과 같습니다

코드 복사 코드는 다음과 같습니다.

$.extend({
includePath: '',
포함: 함수(파일)
{
var 파일 = 파일 유형 == "문자열" ? [파일] : 파일;
for (var i = 0; i {
var 이름 = 파일[i].replace(/^s|s$/g, "");
var att = name.split('.');
var ext = att[att.length - 1].toLowerCase();
var isCSS = ext == "css";
var 태그 = isCSS ? "link" : "스크립트";
var attr = isCSS ? " type='text/css' rel='stylesheet' " : " 언어='javascript' type='text/javascript' ";
var link = (isCSS ? "href" : "src") "='" $.includePath 이름 "'";
if ($(tag "[" link "]").length == 0) document.write("" tag ">");
}
}
});
$.include(['hdivbox.js','pop_win.css']);