JavaScript Advanced (2) 하나의 JS 파일에서 다른 JS 파일 참조하기

하나의 JS 파일에서 다른 JS 파일 참조

방법 1

호출 파일 상단에 다음 예제 코드를 추가합니다.

      document.write(”<script language=javascript src=&#39;js/import.js’></script>”);

(참고: 참조하는 파일이 다른 js도 참조해야 하는 경우가 있으므로 필요한 js 파일도 같은 방식으로 참조해야 합니다.)

방법 2

중간 인터페이스를 통해 js를 적용한다는 것은 특정 html에서 필요한 js 파일을 참조할 수 있다는 것을 의미하며, 해당 html 파일의 개체를 가져온 다음 이 개체를 사용하여 js 메서드를 참조할 수 있습니다.

방법 3

Body에 다음 코드를 넣습니다.

new_element=document.createElement(”script”);
new_element.setAttribute(”type”,”text/javascript”);
new_element.setAttribute(”src”,”import.js”);
document.body.appendChild(new_element);

분석해 보겠습니다. 다음은 몇 가지 주요 코드 라인입니다.

먼저 document.createElement("script")를 사용하여 스크립트 태그를 생성하고 해당 유형 속성을 text/javascript로 설정하고 src를 import.js로 설정합니다(여기서는 1). ) .js와 2.js는 동일한 디렉터리에 배치되거나 서로 다른 디렉터리에 배치될 수 있습니다. 마지막으로 이 태그는 본문에 동적으로 추가됩니다. 이런 방식으로 다양한 js 파일에서 메서드를 호출할 수 있습니다.

참고: 는 본문 아래에 배치되어야 합니다. 2.js에서는 body(document.body.appendChild(new_element);)를 사용하기 때문에 body에 2.js와 같은 코드를 넣으면, 즉 페이지에 들어간 후 b가 먼저 실행됩니다. .js에 document.body.appendChild(new_element)가 생성됩니다. 이때 본문이 존재하지 않으면 자바스크립트 오류가 발생합니다.

위 내용은 하나의 JS 파일에서 다른 JS 파일을 참조하는 JavaScript Advanced(2)의 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!