Question

我在外部javascript文件中有这3行代码

function init(){
document.getElementById("upcoming_event").getElementsByTagName("img")[0].src = "images/fastnet_2013_poster.jpg";
    document.getElementById("club_championship").getElementsByTagName("img")[0].src = "images/club_championship.png";
    document.getElementById("setMembership").getElementsByTagName("img")[0].src = "images/join_our_club.png";
}

document.addEventListener( "DOMContentLoaded" , init , false);

这段代码完全适用于this site，我只是用000webhosting来开发它。

但是我现在已经将我的托管移动到hosting24来完成网站的开发。当我通过新主机（hosting24）加载网站时，图像没有被加载。

我已经取出了这3行代码并在<body onload="init()">中尝试了这些代码，但是这个代码也没有加载图像。

我知道上面的两种方法都被调用，因为我让它们显示window.alert("Display")。

还有另一种方法吗？

（document.getElementById("upcoming_event").getElementsByTagName("img")[0].src = "images/fastnet_2013_poster.jpg";）我可以尝试使用吗？或解决我的问题。

Answer 1

更改服务器根本不应影响javascript代码。只有想到的是，由于移动，图像源的URL不再正确。

Answer 2

首先，您可以使用jQuery以更简单的方式帮助您：

$('#upcoming_event').find('img')[0].src = "url";

或

$('#imgid').attr('src', 'xpto.jpg');

Secound，代码似乎有用......我认为这个问题可能出现在IMG的网址中。检查图像是否在正确的文件夹中或路径是否正确。

document.getElementById（“”）。getElementsByTagName（“img”）[0] .src =不工作

2 个答案: