現在実行中のスクリプトをロードしたスクリプト要素を取得する方法?これは、HEAD タグにアクセスせずにスクリプトを DOM に動的にロードするために必要です。
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];
以上が現在のスクリプトをロードしたスクリプト要素を見つけるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。