我下载了日历javascript。我的工作目录是/ user。我把脚本放到/ user / js / calendar中。在我位于user /的HTML中,我有......
<script language="JavaScript" src="js/calendar/calendar_us.js"></script>
<link rel="stylesheet" href="js/calendar/calendar.css">
.js和.css加载,我看到日历表单,但是当用户/ js / calendar / img下的图像显示在浏览器上时,它们不会加载。
下载的javascript中的图片参考代码位于
之下<img src="' + this.a_tpl.imgpath + 'next_year.gif" />
this.a_tpl.imgpath是'img /'。我需要在我的HTML或.js文件中添加或修改某些内容,以便对user / js / calendar / img中的文件进行正确的相对引用吗?
答案 0 :(得分:1)
您不能将javascript字符串函数直接放在HTML中,如下所示:
<img src="' + this.a_tpl.imgpath + 'next_year.gif" />
您可以使用一段javascript来document.write()
内嵌图片标记,或者您可以在javascript中动态创建标记,并在加载文档后使用JS设置.src属性。但是,你不能像这样把一些javascript放到你的HTML中间。
对于HTML文件中图像URL的静态定义,路径应该相对于页面位置,或者它们应该相对于域的顶部,或者它们应该是完全限定的域/路径。
答案 1 :(得分:1)
图片代码正在尝试从/user/img/next_year.gif
加载图片。将图像移动到那里,或添加代码的路径:
<img src="js/calendar/' + this.a_tpl.imgpath + 'next_year.gif" />
请注意,图片代码会相对于加载页面的位置加载图片,而样式表中使用的图片会相对于加载样式表文件的位置加载图片。