我如何引用加载当前正在执行的脚本的脚本标记？

var me = document.querySelector('script[src="//example.com/embed.js"]');

优点

可靠

使用异步脚本(id&defer)

使用动态插入的脚本

无需自定义属性或ID

问题

难道不是对本地脚本工作

会在开发和生产等不同环境中引发问题

静而脆弱.更改脚本文件的位置将需要修改脚本

支持不如使用async属性

如果两次加载相同的脚本,将导致问题

5.遍历所有脚本以找到所需的脚本

我们还可以遍历每个脚本元素并单独检查每个脚本元素以选择我们想要的那个:

这使我们可以在不支持id属性的旧浏览器中使用以前的技术.例如:

function isMe(scriptElem){
    return scriptElem.getAttribute('src') === "//example.com/embed.js";
}

这继承了所采取的任何方法的好处和问题,但不依赖querySelector()于此将在旧版浏览器中工作.

由于脚本是按顺序执行的,因此最后一个脚本元素通常是当前运行的脚本:

优点

简单.

几乎得到普遍支持

无需自定义属性或ID

问题

难道不是异步脚本工作(querySelector()&defer)

难道不是与动态插入脚本工作

谢谢大家,但是你知道我接受了4*年*后接受了答案,对:) (24认同)

这应该是答案. (4认同)

"document.currentScript"对我来说不适用于动态加载脚本,在最新的chrome/firefox中返回null,"最后执行的脚本"工作正常 (4认同)

Coffee Bite.. 85

由于脚本是按顺序执行的,因此当前执行的脚本标记始终是页面上的最后一个脚本标记.因此,要获取脚本标记,您可以执行以下操作:

var scripts = document.getElementsByTagName( 'script' );
var thisScriptTag = scripts[ scripts.length - 1 ];

我可以想到一个可能会返回错误结果的实例是将脚本标记异步添加到DOM中. (52认同)

是的,这可能有不可预测的结果,所以你可以尝试使用选择器:$('script [src*="/ mysource.js"]')??? (9认同)

在页面加载后加载脚本时,它不起作用.您可能无法获得正确的标签. (6认同)

这很简单而优雅.如果您解压缩javascript,新的Google Charts/Visualizations API就会有一个例子.他们从脚本标记中加载JSON数据,请参阅:http://ajax.googleapis.com/ajax/static/modules/gviz/1.0/chart.js (3认同)

Greg.. 11

可能最简单的方法是给你的scrip标签一个id属性.

document.currentScript将返回

优点

var me = document.querySelector('script[src="//example.com/embed.js"]');

function isMe(scriptElem){
    return scriptElem.getAttribute('src') === "//example.com/embed.js";
}

var scripts = document.getElementsByTagName( 'script' );
var thisScriptTag = scripts[ scripts.length - 1 ];

var me = document.scripts[document.scripts.length -1];