加载JavaScript时遇到问题（图片无法加载）

Question

我下载了日历javascript。 我的工作目录是/ user。 我把脚本放到/ user / js / calendar中。 在我位于用户/的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中的文件进行正确的相对引用吗？

Answer 1

您不能将javascript字符串函数直接放在HTML中，如下所示：

<img src="' + this.a_tpl.imgpath + 'next_year.gif" />

你可以使用一段javascript来跟踪图片标签document.write() ，或者你可以在javascript中动态创建标签，并在加载文件后使用JS设置.src属性。 但是，你不能像这样把一些javascript放到你的HTML中间。

对于HTML文件中图像URL的静态定义，路径应该相对于页面位置，或者它们应该相对于域的顶部，或者它们应该是完全限定的域/路径。

Answer 2

图像标记正在尝试从/user/img/next_year.gif加载图像。 在那里移动图像，或添加代码的路径：

<img src="js/calendar/' + this.a_tpl.imgpath + 'next_year.gif" />

请注意，图像标记将加载相对于加载页面的图像，而样式表中使用的图像将加载相对于样式表文件加载位置的图像。