현재 실행 중인 스크립트 태그를 참조하는 방법 HEAD 태그를 참조하지 않고 스크립트를 동적으로 로드해야 하는 경우, 문제가 발생합니다. 실행 중인 JavaScript를 로드한 현재 스크립트를 참조하는 방법은 무엇입니까? 이를 수행하는 몇 가지 방법은 다음과 같습니다. 1. Document.currentScript: 이 속성은 현재 처리 중인 요소입니다. 간단하고 안정적이며 비동기 스크립트와 함께 작동하지만 이전 브라우저나 IE에서는 지원되지 않습니다.</p> <p><h2>2. ID로 스크립트 선택:</h2></p> <p>스크립트에 id 속성을 할당하면 document.getElementById()를 사용하여 쉽게 선택할 수 있습니다. 보편적으로 지원되고 비동기 스크립트와 함께 작동하지만 스크립트 태그를 수정해야 하며 드문 경우에 문제가 발생할 수 있습니다.</p> <p><h2>3. Data-* 속성:</h2></p> <p>data-* 속성을 스크립트에 첨부하면 해당 값에 따라 선택할 수 있습니다. id 방법과 유사하게 비동기 스크립트와 함께 작동하지만 추가적인 문제와 호환성 문제에 직면합니다.</p> <p><h2>4. 소스(Src)로 선택:</h2></p> <p>원격 소스에서 로드된 스크립트의 경우 선택기를 사용하여 소스 URL을 기반으로 스크립트를 선택할 수 있습니다. 이 방법은 신뢰할 수 있지만 로컬 스크립트에서는 작동하지 않으며 스크립트 위치 변경에 취약할 수 있습니다.</p> <p><h2>5. 모든 스크립트 반복:</h2></p> <p>또는 모든 스크립트 요소를 반복하고 각 요소를 개별적으로 확인하여 원하는 스크립트를 찾을 수 있습니다. 이를 통해 id 및 data-* 속성 기술을 모두 사용할 수 있지만 이전 브라우저와의 호환성이 필요합니다.</p> <p><h2>6. 마지막으로 실행된 스크립트:</h2></p> <p>대부분의 경우 마지막 스크립트 요소는 현재 실행 중인 스크립트에 해당하지만 이 접근 방식은 비동기식 또는 동적으로 삽입된 스크립트의 경우 실패합니다. 쉽고 널리 지원되는 옵션이지만 제한 사항을 고려해야 합니다.</p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
