현재 실행 중인 JavaScript의 스크립트 태그를 어떻게 참조할 수 있나요?

현재 실행 중인 스크립트의 스크립트 태그 참조

기존 스크립트 내에서 스크립트를 동적으로 로드해야 하는 상황에서는 현재 스크립트를 로드한 스크립트 태그를 참조합니다. 필요해집니다. 이를 통해 DOM 뒤의 DOM에 새 스크립트 태그를 추가할 수 있습니다.

접근 방법

1. document.currentScript

document.currentScript를 사용하면 현재 처리 중인 스크립트 요소가 반환됩니다. 신뢰할 수 있고 간단한 방법입니다. 다만, 이전 브라우저에서는 지원하지 않으며, 모듈에서는 동작하지 않습니다.

2. ID로 스크립트 선택

스크립트에 ID 속성을 추가하면 document.getElementById()를 사용하여 ID로 선택할 수 있습니다. 이 방법도 안정적이지만 스크립트 태그 수정이 필요합니다.

3. data-* 속성으로 스크립트 선택

스크립트에 data-* 속성을 제공하면 속성 값을 사용하여 스크립트를 선택할 수 있습니다. 이는 ID를 사용하는 것과 유사하지만 동일한 잠재적인 극단적인 경우가 발생하지 않습니다.

4. 소스별 스크립트 선택

src 속성을 사용하면 선택기를 사용하여 소스별로 스크립트를 선택할 수 있습니다. 이 방법은 외부 소스가 있는 스크립트에서는 작동하지만, 동일한 스크립트를 여러 번 로드하거나 다른 환경에서 로드하는 경우에는 안정적이지 않습니다.

5. 모든 스크립트 반복

모든 스크립트 요소를 반복하고 각각을 확인하여 원하는 요소를 찾는 것은 이전 브라우저에서 작동하는 포괄적인 접근 방식을 제공합니다. 그러나 사용된 선택 기준의 이점과 한계를 상속받습니다.

6. 마지막으로 실행된 스크립트 가져오기

스크립트가 순차적으로 실행된다고 가정하면 마지막 스크립트 요소가 현재 스크립트가 될 수 있습니다. 간단하지만 이 방법은 비동기식 또는 동적으로 삽입된 스크립트에서는 작동하지 않습니다.

위 내용은 현재 실행 중인 JavaScript의 스크립트 태그를 어떻게 참조할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!