加載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" />

請注意，圖像標記將加載相對於加載頁面的圖像，而樣式表中使用的圖像將加載相對於樣式表文件加載位置的圖像。