在 CSS 中，任何图像路径都是相对于 CSS 文件位置的。
f.ex 如果我将 CSS 文件放入/media/css/mystyles.css并使用类似的东西
.background:url(../images/myimage.jpg);
浏览器将寻找/media/images/myimage.jpg有意义的图像。
是否可以在 javascript 中做同样的事情？
F.ex 如果我包含/media/js/myscript.js并将此代码放在那里：
var img = new Image();
img.src = '../images/myimage.jpg';
找不到图像，因为浏览器使用 HTML 文件作为起点，而不是脚本位置。我希望能够使用脚本位置作为起点，就像 CSS 一样。这可能吗？
<script>像上面一样在 DOM 中搜索你自己的标签是常用的方法，是的。
然而，您通常不需要太用力地搜索：当您在脚本主体中时——在包含时运行——您很清楚<script>自己是哪个元素：最后一个。其余的还不能解析。
var scripts= document.getElementsByTagName('script');
var path= scripts[scripts.length-1].src.split('?')[0]; // remove any ?query
var mydir= path.split('/').slice(0, -1).join('/')+'/'; // remove last filename part of path
function doSomething() {
img.src= mydir+'../images/myimage.jpeg';
}
如果您的脚本已与<script defer>（或在 HTML5 中，<script async>）链接，则这不成立。然而，这目前很少使用。
在较新的浏览器上，您可以使用该document.currentScript属性获取该HTMLScript脚本对应的元素，然后查询其src属性。
在撰写本文时，Can I use表示 70% 的网络用户支持。显然 Internet Explorer 不支持它，但 Edge 支持。 MDC列出支持 Chrome 29+、Edge、Firefox 4.0+、Gecko 2.0+、Opera 16+ 和 Safari 8+。@mjhm的评论已经指出了这个功能，但当时它听起来非常具有实验性。
受上述 bobince 回答的启发，我编写了一个 jQuery 版本。这是一行中的代码：
var scriptpath = $("script[src]").last().attr("src").split('?')[0].split('/').slice(0, -1).join('/')+'/';
编辑：script按src属性过滤标签，以便我们得到一个 src 来处理。
正如其他海报提到的，您需要先计算脚本的基本 url，您可以在下面的脚本中找到它。
// find the base path of a script
var settings = {};
settings.basePath = null;
if (!settings.basePath) {
(function (name) {
var scripts = document.getElementsByTagName('script');
for (var i = scripts.length - 1; i >= 0; --i) {
var src = scripts[i].src;
var l = src.length;
var length = name.length;
if (src.substr(l - length) == name) {
// set a global propery here
settings.basePath = src.substr(0, l - length);
}
}
})('myfile.js');
}
log(settings.basePath);
对于异步脚本，脚本标记遍历不起作用。因此，如果： - performance.timing存在（例如在新的非 Safari 浏览器中）& 您尚未达到其最大值，或者在加载之前已推高其最大值 & 您的脚本是最新加载的内容：
performance.getEntries().slice(-1)[0].name
要提高最大值，请执行以下操作：
performance.webkitSetResourceTimingBufferSize(10000)