javascript loadScript 비동기 로딩 스크립트 예제 explain_jquery

1. 구문:
loadScript(url[,callback])
또는
loadScript(settings)
2. 설정에서 지원하는 매개변수:
url: 스크립트 경로
async: 비동기화할지 여부, 기본값은 false(HTML5)
charset: 파일 인코딩
cache: 캐시할지 여부, 기본값은 true
성공: 함수 실행 성공적으로 로딩된 후 콜백을 먼저 실행하세요.
3. 통화 예시:

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

//loadScript(url[,callback])
loadScript(“http://code.jquery.com/jquery.js”);
loadScript(“http://code.jquery .com/ jquery.js",function(){
console.log(1)
});
//loadScript(설정)
loadScript({"url":"http:/ /code.jquery.com/jquery.js","async":false,"charset":"utf-8","cache":false});
loadScript({"url":"http:/ /code.jquery.com/jquery.js","async":false,"charset":"utf-8","success":function(){
console.log(2)
}} );
//또는 Jiangzi를 사용할 수도 있습니다.
//loadScript(settings[,callback])
loadScript({"url":"http://code.jquery.com/jquery.js" ,"async ”:false,”charset”:”utf-8″},function(){
console.log($)
});

4 . 소스 코드 :

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

함수 loadScript (url,callback) {
var head = document.head || document.getElementsByTagName(“head”)[0] || document.documentElement,
script,
options,

if (typeof url == = "object") {
options = url;
url = 정의되지 않음;
}
s = options || {};
url = s .url;
콜백 = 콜백 || s.success;
script = document.createElement(“script”);
script.async = s.async || false;
script.type = "텍스트/자바스크립트";
if (s.charset) {
script.charset = s.charset;
}
if(s.cache === false){
url = url ( /?/.test( url ) ? “&” : “?” ) “_=” (new Date()).getTime();
}
script.src = url;
head.insertBefore(script, head.firstChild);
if(callback){
document.addEventListener? script.addEventListener(“load”, callback, false): script.onreadystatechange = function() {
if (/loaded|complete /.test(script.readyState)) {
script.onreadystatechange = null
callback()
}
}
}
}