遇到 onclick 无法调用自定义函数的问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 1810 天前的主题，其中的信息可能已经有所发展或是发生改变。

<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">

</head>
<body>
    <img id="img" src="image/3097572.jpg">

    <p id="js">这是 js</p>
    <a href="" onclick="changeImgSrc();return false;">这是图片</a>

    <script type="text/javascript">
        function changeImgSrc() {
            var func_img = doucment.getElementById("img");
            func_img.setAttribute("src", "image/26709258.jpg");
        }
    </script>
    <style type="text/css">
            body {
                    color: black;
                    background-color: white;
                }
            #js p {
                font-weight: blod;
            }
    </style>
</body>
</html>

以上是我写的代码，我想实现的目的是点击 a 标签，img 标签的 src 值就会改变，换成其他的图片，但是不成功。

6 条回复 • 2019-12-10 23:15:36 +08:00

manami

2019-12-03 22:42:00 +08:00 via Android

return false;是干什么用的？

manami

2019-12-03 22:43:58 +08:00 via Android

document 也写错了

getlost

2019-12-03 22:45:16 +08:00

我把 document 写错了

getlost

2019-12-03 22:46:31 +08:00

@manami 我也刚发现，return false 用来停止跳转

Xusually

2019-12-03 22:57:35 +08:00

typo--->document 写错了。
然后 a 的 href 留空，用 return false;来停止跳转，不是一个好的写法。虽然在你的场景里功能是达到了。
就算要写锚记，我情愿写###或者 javascript:;
如果要阻止默认行为，可以写
if( event.preventDefault ){
event.preventDefault();
} else {
event.returnValue=false;
}

getlost

2019-12-10 23:15:36 +08:00

@Xusually 谢谢大佬，刚开始学，本来一直在学习 Django，但是现在有些需求要用 JavaScript 来实现，所以有点摸不清。