다른 JavaScript 파일 내에서 외부 JavaScript 파일을 동적으로 로드하고 액세스하려면 어떻게 해야 합니까?

JS에서 JS를 동적으로 로드

문제:

동적 웹 페이지에서 로드 중 다른 JS 파일 내에서 조건부로 외부 JS 파일을 사용하는 것은 어려운 것으로 입증되었습니다. document.createElement()를 사용하여 스크립트 요소를 삽입하려는 시도가 현재 JS 파일에 액세스할 수 있는 콘텐츠를 만드는 데 실패했습니다.

해결책:

JS에서 JS를 동적으로 로드하려면 , 스크립트 로딩의 비동기적 특성을 고려하는 것이 중요합니다. 다음은 이벤트 처리를 통합한 수정된 접근 방식입니다.

var script = document.createElement('script');
script.onload = function () {
  // Now the loaded script's content is accessible
  // ...
};
script.src = 'path/to/external.js';
document.head.appendChild(script);

onload 이벤트를 사용하면 외부 스크립트가 완전히 로드될 때까지 스크립트 실행이 일시 중지됩니다. 이렇게 하면 계속하기 전에 로드된 콘텐츠를 사용할 수 있습니다.

참고:

1. document.head.appendChild(script)를 사용하여 DOM에 스크립트 요소를 추가합니다. 또는 이에 상응하는 DOM 조작 방법.
2. 원본 코드 조각의 Something 변수가 외부 경로를 가리키는지 확인하세요. 동적으로 로드하려는 JS 파일입니다.

위 내용은 다른 JavaScript 파일 내에서 외부 JavaScript 파일을 동적으로 로드하고 액세스하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!