현재 실행 중인 스크립트를 로드한 스크립트 요소를 가져오는 방법 ? 이는 HEAD 태그에 액세스할 필요 없이 DOM에 스크립트를 동적으로 로드하는 데 필요합니다.
1. document.currentScript 사용:
이 메소드는 <script> 코드가 실행되는 요소
var me = document.currentScript;
2. ID로 스크립트 선택:
스크립트에 id 속성을 추가합니다.
<script>
document.getElementById()를 사용하여 요소를 가져옵니다.
var me = document.getElementById('myScript');
3. 데이터 속성으로 스크립트 선택:
스크립트에 data-* 속성을 추가합니다.
<script data-name="myScript"></script>
document.querySelector()를 사용하여 요소를 가져옵니다.
var me = document.querySelector('script[data-name="myScript"]');
4. 소스별 스크립트 선택:
<script src="//example.com/embed.js"></script>
embed.js에서:
var me = document.querySelector('script[src="//example.com/embed.js"]');
5. 모든 스크립트 반복:
var me = null; var scripts = document.getElementsByTagName("script"); for (var i = 0; i < scripts.length; ++i) { if (isMe(scripts[i])) { me = scripts[i]; } } function isMe(scriptElem) { return scriptElem.getAttribute('src') === "//example.com/embed.js"; }
6. 마지막으로 실행된 스크립트 가져오기:
var scripts = document.getElementsByTagName('script'); var me = scripts[scripts.length - 1];
위 내용은 현재 스크립트를 로드한 스크립트 요소를 찾는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!