新手提问一下关于js的问题

我的代码想实现的是点击“click”原来的图片就会变成另外的图片，但是实际上点击它时
并没有发生变化，我用chrome的开发者工具简单地看了一下，似乎没有语法错误，希望
能有人给我解答一下。以下是我的代码：

 <!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Test</title>
  </head>
  <body>
    <div><img id="img_1" src="images/logo.gif" alt="logo" /></div>
    <p>Hello World</p>
    <a href="test.html">click</a>
  <script src="test.js"></script>
  </body>
</html>

以下是js文件：

 function test(){
var a_1 = document.getElementsByTagName("a")[0];
var img_1 = document.getElementById("img_1");
a_1.onclick=function(){img_1.setAttribute("src","images\/lineup.gif");alert(img_1.getAttribute("src"));}
}
window.onload = test;

函数里的alert是我用来测试的。

将包含 click 的那个标签的 href 设置为 href="javascript:void(0);" 就可以了

题主，，，你把代码放在代码框，，否则看不了

 代码框

这个例子你参考参考

 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>Test</title>
    <script>
        function test() {
            var img_1 = document.getElementById("img_1");
            img_1.src = "https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png"
            alert(img_1.getAttribute("src"));
        }
    </script>
</head>
<body>
<div><img id="img_1" src="images/logo.gif" alt="logo"/></div>
<p>Hello World</p>
<button onclick="test()">click</button>
<script src="test.js"></script>
</body>
</html>

楼上正解，保留链接样式，不让链接执行操作