假设一个站点结构如下
其中main.js文件和main.css文件均引用了1.jpg,例如
#box{background:url("1.jpg");}
window.onload=function(){document.getElementById().style.backgroundImage="url(images/1.jpg)";}
可见JS文件所引用的背景图像路径以网页文件(index.html)为参考来设置,而不需要考虑js文件的具体位置,如果网页位置不变,则即使移动了js文件的位置,只需要更改网页文件中关于js文件的导入即可,不需要更改js文件中关于其他文件的位置信息