>웹 프론트엔드 >JS 튜토리얼 >JS files_javascript 기술을 동적으로 로드하는 세 가지 방법

JS files_javascript 기술을 동적으로 로드하는 세 가지 방법

WBOY
WBOY원래의
2016-05-16 17:16:531079검색

예를 살펴보세요.
예제 1 js 파일 다시 로드

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

함수 loadJs(file) {
      var head = $("head").remove("script[role='reload']");
                                       " ").attr({ role: 'reload', src: file, type: 'text/javascript' }).appendTo(head);
}

예 2 방법 자바스크립트 파일을 다시 로드하려면(js에 ID 제공) 모든 사람이 사용할 수 있는 메서드로 캡슐화하세요.
코드 복사 코드는 다음과 같습니다.

function reloadAbleJSFn(id,newJS)
{
var oldjs = null;
var t = null; document.getElementById(id);
if(oldjs) oldjs.parentNode.removeChild(oldjs);
var scriptObj = document.createElement("script");
scriptObj.src = newJS; scriptObj.type = "text/javascript";
scriptObj.id = id;
document.getElementsByTagName("head")[0].appendChild(scriptObj);
}


예제 3 jquery의 경우 getScript를 직접 사용하면 됩니다.

🎜>< ;body>


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.