如何在 JavaScript 中引用目前正在執行的腳本標籤？

如何引用目前執行的腳本標籤

當你需要動態載入腳本而不需要引用HEAD 標籤時，出現問題：如何引用載入您正在執行的JavaScript 的目前腳本？以下是實現此目的的幾種方法：

1。 Document.currentScript:

此屬性傳回<script>目前正在處理的元素。它簡單、可靠，可與非同步腳本配合使用，但舊版瀏覽器或 IE 不支援。 </script>

2.按 ID 選擇腳本：

為腳本分配 id 屬性，您可以使用 document.getElementById() 輕鬆選擇它。雖然它得到普遍支援並可與非同步腳本配合使用，但它需要修改腳本標記，並且在極少數情況下可能會導致問題。

3. Data-* 屬性：

將 data-* 屬性附加到腳本允許根據其值進行選擇。與 id 方法類似，它適用於非同步腳本，但面臨額外的挑戰和相容性問題。

4.按來源 (Src) 選擇：

對於從遠端來源載入的腳本，您可以使用選擇器根據來源 URL 選擇腳本。此方法是可靠的，但它不適用於本機腳本，並且可能容易受到腳本位置變更的影響。

5.循環所有腳本：

或者，您可以迭代所有腳本元素並單獨檢查每個腳本以找到所需的腳本。這允許您同時使用 id 和 data-* 屬性技術，但依賴與舊版瀏覽器的兼容性。

6.最後執行的腳本：

在大多數情況下，最後一個腳本元素將對應於當前運行的腳本，但這種方法對於非同步或動態插入的腳本失敗。這是一個簡單且廣受支援的選項，但應考慮其限制。

以上是如何在 JavaScript 中引用目前正在執行的腳本標籤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！