現在のスクリプトをロードしたスクリプトタグを見つけるにはどうすればよいですか?

ロード中のスクリプト タグを参照する方法

さまざまなシナリオで、現在実行中のスクリプトをロードしたスクリプト タグを参照することが必要になります。スクリプト。これは複数の方法で実現できますが、それぞれに独自の長所と短所があります。

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 scripts = document.getElementsByTagName("script")<br>for (var i = 0; i < スクリプトの長さ; {<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 中国語 Web サイトの他の関連記事を参照してください。