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

2019-12-03 22:35:39 +08:00
 getlost
<!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 值就会改变，换成其他的图片，但是不成功。

2990 次点击
所在节点    JavaScript
6 条回复
manami
2019-12-03 22:42:00 +08:00
return false;是干什么用的？
manami
2019-12-03 22:43:58 +08:00
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 来实现，所以有点摸不清。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/625677

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX