現在実行中のスクリプト タグを参照する方法 HEAD タグを参照せずにスクリプトを動的にロードする必要がある場合、問題が発生します: 実行している JavaScript をロードした現在のスクリプトを参照するにはどうすればよいでしょうか?これを実現するためのいくつかの方法を次に示します。 1. Document.currentScript: このプロパティは を返します。現在処理中の要素。シンプルで信頼性が高く、非同期スクリプトで動作しますが、古いブラウザや IE ではサポートされていません。</p> <p><h2>2. ID によるスクリプトの選択:</h2></p> <p>スクリプトに id 属性を割り当てると、document.getElementById() を使用してスクリプトを簡単に選択できるようになります。これは広くサポートされており、非同期スクリプトで動作しますが、スクリプト タグを変更する必要があり、まれに問題が発生する可能性があります。</p> <p><h2>3. Data-* 属性:</h2></p> <p>data-* 属性をスクリプトにアタッチすると、その値に基づいて選択できるようになります。 id メソッドと同様に、非同期スクリプトで動作しますが、追加の課題と互換性の問題に直面します。</p> <p></p> <h2>4.ソース (Src) による選択:</h2></h2> <p>リモート ソースからロードされたスクリプトの場合、セレクターを使用してソース URL に基づいてスクリプトを選択できます。この方法は信頼できますが、ローカル スクリプトでは機能せず、スクリプトの場所の変更に対して脆弱になる可能性があります。</p> <p><h2>5.すべてのスクリプトをループ:</h2></p> <p>または、すべてのスクリプト要素を反復処理し、それぞれを個別にチェックして目的のスクリプトを見つけることもできます。これにより、id 属性と data-* 属性の両方の手法を使用できるようになりますが、古いブラウザとの互換性に依存します。</p> <p><h2>6.最後に実行されたスクリプト:</h2></p> <p>ほとんどの場合、最後のスクリプト要素は現在実行中のスクリプトに対応しますが、このアプローチは非同期または動的に挿入されたスクリプトでは失敗します。これは簡単で広くサポートされているオプションですが、その制限について考慮する必要があります。</p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
