如何查找加载当前脚本的脚本元素？-js教程-PHP中文网

如何查找加载当前脚本的脚本元素？

Patricia Arquette

发布： 2024-12-20 12:44:25

原创

685 人浏览过

How to Find the Script Element that Loaded the Current Script?

如何引用加载当前脚本的脚本标签

问题

如何获取加载当前正在执行的脚本的脚本元素？这是动态加载脚本到 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];

登录后复制

以上是如何查找加载当前脚本的脚本元素？的详细内容。更多信息请关注PHP中文网其他相关文章！