首頁 > web前端 > js教程 > 如何找到載入目前腳本的腳本標籤?

如何找到載入目前腳本的腳本標籤?

Patricia Arquette
發布: 2024-12-17 01:10:26
原創
437 人瀏覽過

How to Find the Script Tag That Loaded the Current Script?

如何引用載入腳本標籤

在各種場景下,都需要引用載入目前正在執行的腳本標籤。這可以透過多種方法來實現,每種方法都有自己的優點和缺點。

1. document.currentScript

<script><br>var me = document.currentScript;<br></script><br>
登入後複製

優點:

  • 優點明確。
  • 可靠。
  • 適用於非同步
  • 無需修改腳本標籤。

問題:

  • 舊版瀏覽器和 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 script = document.getElementsByTagName( "script")<br>for (var i = 0; 腳本.長度; {<🎝🎝🎝><p>}<br></script><br>
登入後複製

function isMe(scriptElem){<p>}<br></p>
登入後複製

好處:

  • 靈活,可以使用以前的

問題:

  • 效率低。

6.最後執行的腳本

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

好處:

  • 簡單。

問題:

  • 不會使用非同步或動態插入的腳本。

以上是如何找到載入目前腳本的腳本標籤?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板