현재 스크립트를 로드한 스크립트 태그를 찾는 방법은 무엇입니까?

로딩 스크립트 태그를 참조하는 방법

다양한 시나리오에서는 현재 실행 중인 스크립트 태그를 로드한 스크립트 태그를 참조해야 합니다. 스크립트. 이는 각각 장점과 단점이 있는 다양한 방법을 통해 달성할 수 있습니다.

1. document.currentScript

<script><br>var me = document.currentScript;<br></script><br>

이점:

• 간단하고 명시적입니다.
• 안정적입니다.
• 비동기식으로 작동합니다. scripts.
• 스크립트 태그를 수정할 필요가 없습니다.

문제:

• 이전 브라우저 및 IE에서는 지원되지 않습니다.
• 모듈에서는 작동하지 않습니다(

2. 스크립트 ID

<script>var me = document.getElementById('myscript');<br></script><br>

이점:

• 명시적이고 믿을 수 있습니다.
• 널리 지원됩니다.
• 비동기 스크립트와 함께 작동합니다.

문제:

• 사용자 정의 속성이 필요합니다.
• ID 속성은 특정 항목에서 문제를 일으킬 수 있습니다. 브라우저.

3. 데이터 속성

<script data-name="myscript"><br>var me = document.querySelector('script[data-name="myscript"]');<br></script><br>

이점:

• 이전 옵션과 유사합니다.
• 지원 비동기 스크립트.

문제:

• 사용자 정의 속성이 필요합니다.
• HTML5는 모든 브라우저에서 호환되지 않습니다.
• 동일한 내용을 공유하는 다른 요소와 충돌 가능성 속성.

4. 스크립트 소스

<script src="//example.com/embed.js"></script><br>

var me = document.querySelector('script[src="//example.com/embed.js"]');<br>

이점:

• 사용자 정의 속성이 없습니다.
• 비동기식으로 작동합니다.

문제:

• 로컬 스크립트에서는 작동하지 않습니다.
• 다른 환경의 문제(예: 개발 및 제작).
• 취약함(스크립트 위치를 변경하려면 다음이 필요함) 스크립트 수정).

5. 스크립트 반복

<script><br>var me = null;<br>var scripts = document.getElementsByTagName("script")<br>for (var i = 0; {<pre class="brush:php;toolbar:false">if( isMe(scripts[i])){
  me = scripts[i];
}</script>

}

function isMe(scriptElem){<pre class="brush:php;toolbar:false">if( isMe(scripts[i])){
  me = scripts[i];
}

}

혜택:

• 유연함, 이전 버전 사용 가능

문제:

• 비효율적일 수 있습니다.

6. 마지막으로 실행된 스크립트

<script><br>var scripts = document.getElementsByTagName( 'script' );<br>var me = scripts[ scripts.length - 1 ];<br></script><br>

혜택:

• 간단합니다.

문제:

• 그렇지 않습니다 비동기식 또는 동적으로 삽입된 스크립트로 작업합니다.

위 내용은 현재 스크립트를 로드한 스크립트 태그를 찾는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!