一个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中有图片,路径是以本文件为准