Question

不同路径下的HTML同时调用同一个js里的方法造成图片无法正常显示

web/login.html
web/admin/index.html(两个html文件路径)

js在web/js/function.js
图片路径是：web/img/xxx.pnj
两个文件同时引用js，js中的图片路径是../img/xxx.pnj
第二html中图片可以正常显示
第一个不能
怎么改

Answer 1

写成相对于根目录的绝对路径即可
比如，假设你的web是站点根目录
那就写成
/web/img/xxx.png
这样，无论在站点内的任何路径，都不会造成错误！
不要用什么../这种父路径
文件路径位置不一样，当然他们的父路径也会不一样
这样如何能统一呢？？？

追问

对！这样比较容易解决啊。。。
Thank you

Answer 2

你这俩个文件的目录层级不一样。引用图片怎么能用相同的地址呢

../img/xxx.pnj

/img/xxx.pnj

追问

引用的是js中的一个提示错误的方法，就是出错的话会弹出提示！提示的图片是同一张，同一个js中的同一个方法这两个都引用了，所以路径我也不知道该以那个html为基准写了。。

追答

你的js文件位置是固定的。
你的图片文件位置是固定的。

你用js调图片，和html文件是没有关系的。

你的问题是不存在的，看看是不是别的问题

追问

JS里写文件路径时，不能以你JS文件的路径来写相对，应该以页面文件本身去写相对路径
所以和html是有关系的！

追答

sorry，和css弄混了。

一般在js里，调用路径，都会手工封装一个网站跟域名。

比如你的网站跟域名指向web，那么地址就是，跟域名+/img/xxx.pnj，也就是绝对路径。

只有这样，每次写js的时候，才不用都算计应该怎么写图片的地址。

追问

没事！问题我解决了~~重新写了个方法，实现的功能都一样，多加了一张图片，图片路径就可以不一样了，这样就各是各的了！~~~
同样很感谢你！