如何引用加载当前执行脚本的脚本标记?

如何引用加载当前运行的javascript的脚本元素?

情况是这样的。我有一个“主”脚本被加载在页面的高，第一件事下的头标签。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript" src="scripts.js"></script>

在“scripts.js”中有一个脚本，需要能够按需加载其他脚本。正常的方法不太适合我，因为我需要添加新的脚本而不引用HEAD标记，因为HEAD元素还没有完成渲染:

document.getElementsByTagName('head')[0].appendChild(v);

我要做的是引用加载当前脚本的脚本元素，这样我就可以在它之后将新的动态加载的脚本标记追加到DOM中。

<script type="text/javascript" src="scripts.js"></script>
loaded by scripts.js--><script type="text/javascript" src="new_script1.js"></script>
loaded by scripts.js --><script type="text/javascript" src="new_script2.js"></script>

当前回答

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

2008-12-31 20:29:42

其他回答

由于脚本是按顺序执行的，因此当前执行的脚本标记始终是页面上的最后一个脚本标记。所以，要获得脚本标签，你可以这样做:

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

2010-07-24 19:29:04

获取脚本，即当前加载的脚本可以使用

var thisScript = document.currentScript;

您需要在脚本的开头保留一个引用，以便稍后调用

var url = thisScript.src

2018-02-25 02:24:41

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

2008-12-31 20:29:42

这是一个利用文档的填充程序。如果存在CurrentScript，则返回到按ID查找脚本。

<script id="uniqueScriptId">
    (function () {
        var thisScript = document.CurrentScript || document.getElementByID('uniqueScriptId');

        // your code referencing thisScript here
    ());
</script>

如果您在每个脚本标记的顶部包含这个，我相信您将能够始终如一地知道哪个脚本标记正在被触发，并且您还能够在异步回调的上下文中引用脚本标记。

未经测试，所以如果你尝试了，给别人留下反馈。

2013-09-13 15:29:55

只有当脚本没有“defer”或“async”属性时，才会按顺序执行。知道脚本标记的ID/SRC/TITLE属性之一也可以在这些情况下工作。Greg和Justin的建议都是正确的。

已经有人提议起草一份文件。WHATWG列表中的currentScript。

编辑:Firefox > 4已经实现了这个非常有用的属性，但它在IE11中不可用，我最后检查，只有在Chrome 29和Safari 8中可用。

编辑:没有人提到“文件”。但我相信下面可能是一个很好的跨浏览器的替代方案，以获得当前运行的脚本:

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

2010-09-12 16:56:02

如何引用加载当前执行脚本的脚本标记?

推荐文章

最新文章

标签