加载JavaScript时遇到问题(图片无法加载)

时间:2011-08-17 22:59:47

标签: javascript html filereference

我下载了日历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中的文件进行正确的相对引用吗?

2 个答案:

答案 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" />

请注意,图片代码会相对于加载页面的位置加载图片,而样式表中使用的图片会相对于加载样式表文件的位置加载图片。