V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
getlost
V2EX  ›  JavaScript

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

  •  
  •   getlost · 2019-12-03 22:35:39 +08:00 · 2977 次点击
    这是一个创建于 1803 天前的主题,其中的信息可能已经有所发展或是发生改变。
    <!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
        1
    manami  
       2019-12-03 22:42:00 +08:00 via Android
    return false;是干什么用的?
    manami
        2
    manami  
       2019-12-03 22:43:58 +08:00 via Android
    document 也写错了
    getlost
        3
    getlost  
    OP
       2019-12-03 22:45:16 +08:00
    我把 document 写错了
    getlost
        4
    getlost  
    OP
       2019-12-03 22:46:31 +08:00
    @manami 我也刚发现,return false 用来停止跳转
    Xusually
        5
    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
        6
    getlost  
    OP
       2019-12-10 23:15:36 +08:00
    @Xusually 谢谢大佬,刚开始学,本来一直在学习 Django,但是现在有些需求要用 JavaScript 来实现,所以有点摸不清。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2589 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 00:04 · PVG 08:04 · LAX 16:04 · JFK 19:04
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.