在需要在现有脚本中动态加载脚本的情况下,引用加载当前脚本的脚本标签变得必要。这允许您将新的脚本标签附加到 DOM 之后。
1。使用 document.currentScript
document.currentScript 返回当前正在处理的脚本元素。这是一种可靠且简单的方法。但是,旧版浏览器不支持它,并且不能与模块一起使用。
2.通过 ID 选择脚本
向脚本添加 ID 属性允许您使用 document.getElementById() 按 ID 选择它。这个方法也靠谱,但是需要修改script标签。
3.通过 data-* 属性选择脚本
为脚本提供 data-* 属性可让您使用该属性的值来选择它。这与使用 ID 类似,但不会遇到相同的潜在边缘情况。
4.按源选择脚本
使用 src 属性,您可以使用选择器按源选择脚本。此方法适用于具有外部源的脚本,但在多次加载同一脚本或在不同环境中加载时不可靠。
5.循环遍历所有脚本
遍历所有脚本元素并检查每个元素以找到所需的元素,提供了一种适用于旧版浏览器的全面方法。然而,它继承了所使用的选择标准的优点和局限性。
6.获取最后执行的脚本
假设脚本按顺序执行,最后一个脚本元素可能是当前脚本。虽然简单,但此方法不适用于异步或动态插入的脚本。
以上是如何引用当前运行的JavaScript的Script标签?的详细内容。更多信息请关注PHP中文网其他相关文章!