js 파일에 다른 js 파일을 도입하는 세 가지 방법

1178 단어 js파일호출
예를 들어 JS 파일을 썼는데 이 파일은 다른 JS 파일을 호출해야 하는데 어떻게 실현해야 합니까?다음은 js 파일에 다른 js 파일을 도입하는 실현을 총괄한다
방법 1, 호출 파일의 맨 위에 다음 코드를 추가합니다

function addScript(url){
	document.write("<script language=javascript src="+url+"></script>");
}
주: 때때로 당신이 인용한 파일은 다른 js를 인용해야 할 수도 있습니다. 우리는 필요한 그 js 파일도 같은 방법으로 인용해야 합니다.
방법 2, js에 다음과 같은 코드를 씁니다.

function addScript(url){
	var script = document.createElement('script');
	script.setAttribute('type','text/javascript');
	script.setAttribute('src',url);
	document.getElementsByTagName('head')[0].appendChild(script);
}
문서를 이용하다.createElement ("script") 는 type 속성을 text/javascript로 설정하는 스크립트 탭을 생성합니다.
방법3, es6에서 export와import를 이용하여 모듈화
js 파일은 js 모듈을 대표합니다.ES6 도입 외부 모듈은
1. 외부의 변수나 함수 등을 가져온다.

import {firstName, lastName} from './test';
2. 외부 모듈을 가져오고 즉시 실행

import './test'
// test.js, 
이상은 js 파일에 다른 js 파일을 도입하는 세 가지 방법에 대한 상세한 내용입니다. js 파일이 다른 js 파일을 도입하는 것에 대한 더 많은 자료는 저희 다른 관련 문장에 주목하십시오!

좋은 웹페이지 즐겨찾기