博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

JS导入文件与CSS导入文件的不同

Posted on 2013-06-11 11:05  Amy-lover  阅读(360)  评论(0编辑  收藏  举报

假设一个站点结构如下

其中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文件中关于其他文件的位置信息