如何引用加载当前运行的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>
只有当脚本没有“defer”或“async”属性时，才会按顺序执行。知道脚本标记的ID/SRC/TITLE属性之一也可以在这些情况下工作。Greg和Justin的建议都是正确的。
已经有人提议起草一份文件。WHATWG列表中的currentScript。
编辑:Firefox > 4已经实现了这个非常有用的属性，但它在IE11中不可用，我最后检查，只有在Chrome 29和Safari 8中可用。
编辑:没有人提到“文件”。但我相信下面可能是一个很好的跨浏览器的替代方案，以获得当前运行的脚本:
var me = document.scripts[document.scripts.length -1];
只有当脚本没有“defer”或“async”属性时，才会按顺序执行。知道脚本标记的ID/SRC/TITLE属性之一也可以在这些情况下工作。Greg和Justin的建议都是正确的。
已经有人提议起草一份文件。WHATWG列表中的currentScript。
编辑:Firefox > 4已经实现了这个非常有用的属性，但它在IE11中不可用，我最后检查，只有在Chrome 29和Safari 8中可用。
编辑:没有人提到“文件”。但我相信下面可能是一个很好的跨浏览器的替代方案，以获得当前运行的脚本:
var me = document.scripts[document.scripts.length -1];
处理异步和延迟脚本的一种方法是利用onload处理程序——为所有脚本标记设置一个onload处理程序，第一个执行的处理程序应该是你的。
function getCurrentScript(callback) {
if (document.currentScript) {
callback(document.currentScript);
return;
}
var scripts = document.scripts;
function onLoad() {
for (var i = 0; i < scripts.length; ++i) {
scripts[i].removeEventListener('load', onLoad, false);
}
callback(event.target);
}
for (var i = 0; i < scripts.length; ++i) {
scripts[i].addEventListener('load', onLoad, false);
}
}
getCurrentScript(function(currentScript) {
window.console.log(currentScript.src);
});
考虑一下这个算法。当你的脚本加载时(如果有多个相同的脚本)，查看文档。脚本，找到第一个具有正确的“src”属性的脚本，并保存它，并使用数据属性或唯一的className将其标记为“visited”。
当加载下一个脚本时，扫描文档。再次执行脚本，传递已经标记为访问过的任何脚本。以该脚本的第一个未访问实例为例。
这假设相同的脚本可能会按照它们加载的顺序执行，从头部到主体，从上到下，从同步到异步。
(function () {
var scripts = document.scripts;
// Scan for this data-* attribute
var dataAttr = 'data-your-attribute-here';
var i = 0;
var script;
while (i < scripts.length) {
script = scripts[i];
if (/your_script_here\.js/i.test(script.src)
&& !script.hasAttribute(dataAttr)) {
// A good match will break the loop before
// script is set to null.
break;
}
// If we exit the loop through a while condition failure,
// a check for null will reveal there are no matches.
script = null;
++i;
}
/**
* This specific your_script_here.js script tag.
* @type {Element|Node}
*/
var yourScriptVariable = null;
// Mark the script an pass it on.
if (script) {
script.setAttribute(dataAttr, '');
yourScriptVariable = script;
}
})();
这将扫描所有脚本，查找第一个没有标记特殊属性的匹配脚本。
然后，如果找到该节点，就用data-属性标记它，这样后续扫描就不会选择它。这类似于图遍历BFS和DFS算法，其中节点可能被标记为“已访问”以防止重访。
