現在実行中の JavaScript の Script タグを参照するにはどうすればよいですか?

現在実行中のスクリプトのスクリプト タグを参照する

既存のスクリプト内でスクリプトを動的にロードする必要がある状況では、現在のスクリプトをロードしたスクリプト タグを参照しますが必要になります。これにより、DOM のその後に新しいスクリプト タグを追加できるようになります。

アプローチ

1. document.currentScript

document.currentScript を使用すると、現在処理中のスクリプト要素が返されます。信頼性が高く簡単な方法です。ただし、古いブラウザではサポートされておらず、モジュールでは動作しません。

2. ID によるスクリプトの選択

スクリプトに ID 属性を追加すると、document.getElementById() を使用して ID によってスクリプトを選択できるようになります。この方法も信頼できますが、script タグを変更する必要があります。

3. data-* 属性によるスクリプトの選択

スクリプトに data-* 属性を指定すると、その属性の値を使用してスクリプトを選択できるようになります。これは ID の使用に似ていますが、同じ潜在的なエッジケースの影響を受けません。

4.ソースによるスクリプトの選択

src 属性を使用すると、セレクターを使用してソースごとにスクリプトを選択できます。この方法は外部ソースを使用したスクリプトでは機能しますが、同じスクリプトを複数回読み込んだり、異なる環境で読み込んだりする場合は信頼できません。

5.すべてのスクリプトのループ

すべてのスクリプト要素を反復し、それぞれをチェックして目的の要素を見つけることは、古いブラウザでも動作する包括的なアプローチを提供します。ただし、使用される選択基準の利点と制限は継承されます。

6.最後に実行されたスクリプトの取得

スクリプトが順番に実行されると仮定すると、最後のスクリプト要素が現在のスクリプトになる可能性があります。この方法は単純ですが、非同期スクリプトや動的に挿入されたスクリプトでは機能しません。

以上が現在実行中の JavaScript の Script タグを参照するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。