> 웹 프론트엔드 > JS 튜토리얼 > javascript loadScript 비동기 로딩 스크립트 예제 explain_jquery

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

WBOY
풀어 주다: 2016-05-16 17:15:13
원래의
1757명이 탐색했습니다.

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()
}
}
}
}
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿