js添加img的路径问题

Question

想用同一个js文件为这两个页面添加同一个图片，但是两个页面相对图片的路径不一样，怎么解决这个问题

只有一个页面能正常加载出图片

Answer 1

方法一：把图片上传到你们公司的文件服务器上，然后拿到保存图片的(http开头的)地址，使用这个地址。（其实也可以考虑百度图库什么的）

方法二：使用gulp等编译工具，统一管理替换路径，定义个imgPath，然后让编译工具帮你替换。

方法三：在你的js文件里面，获取当前页面的location的值，判断含有order.html还是含有哦der.html（使用indexOf方法），然后根据判断（if...else...）赋不同的值

Answer 2

绝对路径试试？

Answer 3

做一个判断，然后分别传入不同的src不可以么
我给你一个图床地址，你把图片传到这里，会获取到一个url，是你的图片的url，直接在这俩页面中用就成了。
图床：https://sm.ms/

Answer 4

可以用绝对路径
可以分别在两个页面在这个js引入之前声明两个变量，两个变量分别是各自图片的相对路径，两个变量名称相同，
然后这个js的图片路径指向这个变量，
这样可以吗？

Answer 5

你这个路径得看你容器是什么 如果就在本地打开的html 我觉得就没问题 但是到容器上 得看相对路径是啥