javascript 和css图片路径的不同

一个html页面中，会引用到js脚本和css文件，在html展示的时候，引用这两种文件的机制是不同的。

对于js脚本，html是把脚本加载到页面中一起解析，类似于jsp中的<@!include>。

对于CSS，它不会加载到html中，它只是一个链接，htmL根据链接去css中找需要的class

对于这一点分析引用这两种文件的格式就可以看出：

<!--CSS是link，链接-->

<link href="../../public/second/styles/tab.css" type="text/css" rel="stylesheet" />

<!--JS是加载，和直接在页面中写js格式是一样的-->
<script type="text/javascript" src="../../public/scripts/jb/calendar.js"></script>

 

这种区别在js和css中有图片的时候尤为重要，很多人的图片显示不出来就是这个地方搞错了

js中如果有图片要以引用它的html路径为准，css中有图片，路径是以本文件为准