Question

我似乎无法理解为什么我的图片仍然无法显示我的代码。我的所有文件夹和图像都是正确的名称并相应地放置。但是，如果有人可以查看我的代码并查看是否存在错误并使此代码正常运行。这会很棒。

    <!DOCTYPE html>
<html>
    <head>
        <title>Sample page</title>   
        <script type="text/javascript">

function changeImage(replacement)
        {
            document.getElementById("main_image").src = replacement;
            return false;   
        }

//  End -->
</script>
</head>






<body>

<p>
<a href="javascript:changeImage('image1.jpg')">Image 1</a>
<a href="javascript:changeImage('image2.jpg')">Image 2</a>
<a href="javascript:changeImage('image3.jpg')">Image 3</a>
<a href="javascript:changeImage('image4.jpg')">Image 4</a>
</p>
<p>
<img id="main_image" src="image-viewer/blank.jpg" alt="" /></p>


<p><center>
<font face="arial, helvetica" size"-2">
</center><p>



</font></body>
</html>

Answer 1

删除return false;行。
（这应仅用于onclick处理程序）

当您从javascript: URI返回任何值时，浏览器会导航到返回值从事件处理程序返回false时，事件将被禁止。

Answer 2

没有示例页面很难分辨。如果您的所有图像都在“image-viewer”目录下，那么您需要将其添加到所有链接的路径中，即

<a href="javascript:changeImage('image-viewer/image1.jpg')">Image 1</a>

Answer 3

image1.jpg，image2.jpg，image3.jpg和image4.jpg与您粘贴的文件位于同一文件夹中吗？如果没有，则需要在javascript:changeImage()来电中指定该路径。

我的Javascript图像预加载器代码出现问题

3 个答案: