我正在用javaScript编写我的第一个代码。

我想做这个 :-

  • 加载图片
  • 询问用户名称
  • 名字写完后
  • 更改图像
  • 并在警报
  • 中显示用户名

    我的代码是这样的,
    <!DOCTYPE html>
    <html>
    <head>
    <title>iRock - First Project</title>
    <script type = "text/javascript">
    
    function touchRock(){
    
        var userName = prompt ("what is your name?","Enter your name here.");
    
        if(userName){
            alert("It is good to meet you, " "+userName+ " ".");
            document.getElementById("firstImg").src="1.jpg";
        }
    }
    
    </script>
    </head>
    
    <body onload = "alert('hello, I am your pet.');">
            <div style = "margin-top:100px; text-align:centre">
                     <img id="firstImg" src="http://www.smiley-faces.org/wallpaper/smiley-face-wallpaper-widescreen-001.jpg" alt="iRock" style="cursor:pointer" onclick="touchRock()" />
            </div>
        </body>
    </html>
    

    谁能告诉我这是什么问题?因为触摸图像后没有调用该事件。

    最佳答案

    您的字符串缩写在函数内部错误
    alert("It is good to meet you, " "+userName+ " ".");您必须在控制台中得到错误。

    Check this

    function touchRock(){
    
        var userName = prompt ("what is your name?","Enter your name here.");
    
        if(userName){
            alert("It is good to meet you, " + userName +  ".");
            document.getElementById("firstImg").src="1.jpg";
        }
    }
    

    如果您使用的是Chrome。按F12->,您将启用开发人员工具栏,在该控制台中,您可以看到任何错误,调试javascript检查元素等。类似地,您还具有Firebug for FireFox和DevToolbar for Int Explorer。

    Script Debugger in Chrome - Ref

    关于javascript - 在JavaScript中未调用onClick事件,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16405888/

    10-11 23:30
    查看更多