js文件的方法中图片或者文件的相对路径(开发笔记1)
2015-06-30 10:51
561 查看
这几天写js时发现在js中图片相对路径的问题很恼火,自己查资料找到了下面的方法能解决这个问题,拿出来大家分享:
js文件的方法中,图片或者其他的相对路径是根据调用该js方法的jsp或者html或者vm等页面的路径产生的相对路径。比如说
第一种方式:
项目:
testProject
--webapp
--jtopoResource
--img
--bg.png
--jtopoCommon.js
--topoIndex.jsp
webapp文件夹下面,topoIndex.jsp中调用jtopoCommon.js中的某个方法,这个js中的方法要包含图片bg.png的相对路径,
应该是topoIndex.jsp对应的图片路径,所以写为:
"jtopoResource/img/bg.png"
第二种方式:
testProject
--webapp
--jtopoResource
--img
--bg.png
--jtopoCommon.js
--WEB-INF
--view
--BasicFunc
--topoIndex.jsp
项目为testProject,webapp文件夹下面的WEB-INF的子文件夹topoIndex.jsp中调用jtopoCommon.js中的某个方法,这个js中的方法要包含图片bg.png的相对路径,
应该是topoIndex.jsp对应的图片路径,所以写为相对于项目的路径:
"testProject/jtopoResource/img/bg.png"
js文件的方法中,图片或者其他的相对路径是根据调用该js方法的jsp或者html或者vm等页面的路径产生的相对路径。比如说
第一种方式:
项目:
testProject
--webapp
--jtopoResource
--img
--bg.png
--jtopoCommon.js
--topoIndex.jsp
webapp文件夹下面,topoIndex.jsp中调用jtopoCommon.js中的某个方法,这个js中的方法要包含图片bg.png的相对路径,
应该是topoIndex.jsp对应的图片路径,所以写为:
"jtopoResource/img/bg.png"
第二种方式:
testProject
--webapp
--jtopoResource
--img
--bg.png
--jtopoCommon.js
--WEB-INF
--view
--BasicFunc
--topoIndex.jsp
项目为testProject,webapp文件夹下面的WEB-INF的子文件夹topoIndex.jsp中调用jtopoCommon.js中的某个方法,这个js中的方法要包含图片bg.png的相对路径,
应该是topoIndex.jsp对应的图片路径,所以写为相对于项目的路径:
"testProject/jtopoResource/img/bg.png"
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- 通过Mootools 1.2来操纵HTML DOM元素
- WEB标准网页布局中尽量不要使用的HTML标签
- js可突破windows弹退效果代码
- Flash 与 html 的一些实用技巧
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- JSP脚本漏洞面面观
- C#自写的一个HTML解析类(类似XElement语法)
- 使用BAT一句话命令实现快速合并JS、CSS
- js显示当前星期的起止日期的脚本
- 没有文件大小限制并免费的PDF到HTML转换工具
- css实现气泡框效果(实例加图解)
- html链接与文本标签们
- html活用软字符连接符
- 浅谈html中id和name的区别实例代码