我正在用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/