资源的智能链接？

Question

我有点烦人的问题..。我有一个JS函数，它在特定事件上切换元素的图像(单击)。此函数在多个页面上执行。

在js中，我有这样的说法：

img.style.backgroundImage = 'url(../assets/img.png)';

当从一个存在于另一个文件夹中的文件调用函数时，一切都很好.文件夹结构如下所示：

• /assets
• /html
• /js
• index.html

• /project /project

​

注意位于父文件夹的索引文件吗？当我从这个index.html文件执行函数时，找不到图像(因为JS是在父文件夹之外查找的，这要归功于'../')，但是它适用于html文件夹中的所有其他页面，因为相对路径查找将输出到父文件夹，然后进入资产.

无论如何，我可以使这个聪明，而不必求助于其他完全不同的方法？我知道我可以在这里依赖一些CSS，添加和删除类来切换图像，而不是直接更改图像源.

但奇怪的是，相对路径从css工作，其中css作为路径查找器的锚。但是如果您使用JS来更改css属性，则html文件将成为锚.

Answer 1

img.style.backgroundImage = 'url("assets/img.png")';

Answer 2

使路径相对于站点，而不是当前页或样式表。

当在CSS中包含一个相对url时，url相对于CSS的url，也就是说，我假设它在资产文件夹中。

  img.style.backgroundImage = 'url("/assets/img.png")';