javascript 和css图片路径的不同
2009-03-06 10:38
239 查看
一个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中有图片,路径是以本文件为准
对于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中有图片,路径是以本文件为准
相关文章推荐
- css和javascript中图片路径的不同
- css和javascript中图片路径的不同
- css和javascript中图片路径有何不同(转)
- css和javascript中图片路径的不同(原创教程)
- css和javascript中图片路径的不同
- css和javascript中图片路径的不同
- css中图片路径,以及在不同浏览器的兼容问题
- css ,javascript中的图片路径设置
- css里面图片路径问题(同包/不同包)探讨
- Smarty 模板 图片、CSS、JavaScript文件路径替换(用ecshop的正则表达式)
- css ,javascript中的图片路径设置
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- webpack配置:图片处理、css分离和路径问题
- 用eclipse写web项目中jsp导入图片和css文件的路径问题
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- MVC中用 BundleCollection 压缩CSS时图片路径问题
- CSS+JavaScript打造鼠标悬停图片渐显效果!
- 使用JavaScript为一张图片设置备选路径
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
- html+css+javascript实现简易轮播图片