我将 myscript.js 包含在文件 http://site1.com/index.html 中，如下所示：
<script src=http://site2.com/myscript.js></script>
在“myscript.js”中，我想访问 URL“http://site2.com/myscript.js”。我想要这样的东西：
function getScriptURL() {
// something here
return s
}
alert(getScriptURL());
如果从上面提到的 index.html 调用，它会提醒“http://site2.com/myscript.js”。
【问题讨论】：
标签： javascript
来自http://feather.elektrum.org/book/src.html：
var scripts = document.getElementsByTagName('script');
var index = scripts.length - 1;
var myScript = scripts[index];
变量 myScript 现在具有脚本 dom 元素。您可以使用myScript.src获取src url。
请注意，这需要作为脚本初始评估的一部分执行。如果您不想污染 Javascript 命名空间，您可以执行以下操作：
var getScriptURL = (function() {
var scripts = document.getElementsByTagName('script');
var index = scripts.length - 1;
var myScript = scripts[index];
return function() { return myScript.src; };
})();
【讨论】：
document.getElementsByTagName("head")[0].appendChild(scriptElement);
src。
您可以将 id 属性添加到您的脚本标签（即使它在头标签内）：
<script id="myscripttag" src="http://site2.com/myscript.js"></script>
然后访问它的src如下：
document.getElementById("myscripttag").src
当然，包含您的脚本的每个文档的 id 值都应该相同，但我认为这不会给您带来很大的不便。
【讨论】：
.src 可以返回绝对路径，即使指定了相对路径。你可以使用.getAttribute('src')
除了 IE 都支持
document.currentScript
【讨论】：
document.currentScript.src.
简单直接的解决方案，效果很好：
如果不是 IE 你可以使用document.currentScript
对于 IE 你可以做document.querySelector('script[src*="myscript.js"]')
所以：
function getScriptURL(){
var script = document.currentScript || document.querySelector('script[src*="myscript.js"]')
return script.src
}
在模块脚本中，您可以使用：
import.meta.url
如mdn中所述
【讨论】：
我编写了一个类来查找使用延迟加载和异步脚本标签的脚本路径。
我有一些与我的脚本相关的模板文件，因此我没有对它们进行硬编码，而是创建了类来自动创建路径。 The full source is here on github.
不久前我曾使用 arguments.callee 尝试做类似的事情，但我最近在 MDN 上看到它是 not allowed in strict mode。
function ScriptPath() {
var scriptPath = '';
try {
//Throw an error to generate a stack trace
throw new Error();
}
catch(e) {
//Split the stack trace into each line
var stackLines = e.stack.split('\n');
var callerIndex = 0;
//Now walk though each line until we find a path reference
for(var i in stackLines){
if(!stackLines[i].match(/http[s]?:\/\//)) continue;
//We skipped all the lines with out an http so we now have a script reference
//This one is the class constructor, the next is the getScriptPath() call
//The one after that is the user code requesting the path info (so offset by 2)
callerIndex = Number(i) + 2;
break;
}
//Now parse the string for each section we want to return
pathParts = stackLines[callerIndex].match(/((http[s]?:\/\/.+\/)([^\/]+\.js)):/);
}
this.fullPath = function() {
return pathParts[1];
};
this.path = function() {
return pathParts[2];
};
this.file = function() {
return pathParts[3];
};
this.fileNoExt = function() {
var parts = this.file().split('.');
parts.length = parts.length != 1 ? parts.length - 1 : 1;
return parts.join('.');
};
}
【讨论】：
如果你有机会使用 jQuery，代码应该是这样的：
$('script[src$="/myscript.js"]').attr('src');
【讨论】：
以下代码可让您找到具有给定名称的脚本元素
var scripts = document.getElementsByTagName( 'script' );
var len = scripts.length
for(var i =0; i < len; i++) {
if(scripts[i].src.search("<your JS file name") > 0 && scripts[i].src.lastIndexOf("/") >= 0) {
absoluteAddr = scripts[i].src.substring(0, scripts[i].src.lastIndexOf("/") + 1);
break;
}
}
【讨论】：
document.currentScript.src
将返回当前脚本 URL 的 URL。
注意：如果你加载了Module类型的脚本，那么使用
import.meta.url
【讨论】：
一些死灵术，但这里有一个尝试几种方法的函数
function getScriptPath (hint) {
if ( typeof document === "object" &&
typeof document.currentScript === 'object' &&
document.currentScript && // null detect
typeof document.currentScript.src==='string' &&
document.currentScript.src.length > 0) {
return document.currentScript.src;
}
let here = new Error();
if (!here.stack) {
try { throw here;} catch (e) {here=e;}
}
if (here.stack) {
const stacklines = here.stack.split('\n');
console.log("parsing:",stacklines);
let result,ok=false;
stacklines.some(function(line){
if (ok) {
const httpSplit=line.split(':/');
const linetext = httpSplit.length===1?line.split(':')[0]:httpSplit[0]+':/'+( httpSplit.slice(1).join(':/').split(':')[0]);
const chop = linetext.split('at ');
if (chop.length>1) {
result = chop[1];
if ( result[0]!=='<') {
console.log("selected script from stack line:",line);
return true;
}
result=undefined;
}
return false;
}
ok = line.indexOf("getScriptPath")>0;
return false;
});
return result;
}
if ( hint && typeof document === "object") {
const script = document.querySelector('script[src="'+hint+'"]');
return script && script.src && script.src.length && script.src;
}
}
console.log("this script is at:",getScriptPath ())【讨论】：
你不能使用 location.href 或 location.host 然后附加脚本名称吗？
【讨论】：