javascript引用img url：最佳实践？

我已经编写了一点javascript，它使用了两个图像

在代码内部，它做了一些类似于

str+='<img src="left.jpg"></img>';
...
str+='<img src="right.jpg"></img>';
...

str+=''；
...
str+=''；
...

剧本写得很好。 问题是，根据哪个HTML页面使用我的脚本，我可能会破坏图像

我可以通过为所有图像定义一个目录/img来解决这个问题，但我不希望这样。 我宁愿将每个脚本所需的图像打包到它们的文件夹中

有人能建议怎么做吗？或者，这样做的最佳实践是什么

---

谢谢

您可能会得到一个损坏的图像，因为第二个

。那么，图像的链接取决于它将在其中显示的HTML文件，而不是用于显示它的脚本。这是一条捷径，告诉浏览器在应用程序的根目录下查找图像。