如何尋找載入目前腳本的腳本元素？

如何引用載入目前腳本的腳本標籤

問題

如何取得載入目前正在執行的腳本的腳本元素？這是動態載入腳本到 DOM 中所必需的，而不需要存取 HEAD 標籤。

答案

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];

6.取得最後執行的腳本：6.取得最後執行的腳本：

以上是如何尋找載入目前腳本的腳本元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！