如何在javascript中处理点击事件?

时间:2011-03-28 14:47:12

标签: javascript design-patterns architecture

今天是我新工作的第一天(大型网站上的前端主管。)我的任务之一是实现一个按钮,在点击时触发事件。我没有任何线索,所以在谷歌搜索后,我想出了这个:

<html>
<head>
<script type="text/javascript">
function popup(); 
{
    alert("Hello World") ==> alert("Hello World");
}
</script>
</head>
<body>

<input type="button" value="Click Me!" onclick="popup()"></input><br></br>

</html>    
</body>

问题是,当我点击我的按钮时,没有任何反应。

编辑根据MICHEL的评论进行了更新

5 个答案:

答案 0 :(得分:6)

删除分号:

function popup()
{
    alert("Hello World")
}

应该有效^ _ ^

看到它在这里工作:http://jsfiddle.net/maniator/fNeJh/

答案 1 :(得分:3)

您的HTML无效。改变

</html>    
</body>

</body>
</html>

此外,<br>标记没有内容,因此您根本不需要结束标记(对于HTML),或者您可以将其编写为自动结束标记:<br/>。< / p>

就JavaScript错误而言,Neal的回答是正确的。

答案 2 :(得分:2)

这应该有效

<html>
<head>
</head>

<body>

<script type="text/javascript">
function popup() 
{
    alert("Hello World");
}
</script>

<input type="button" value="Click Me!" onclick="popup()"><br/><br/>

</body>
</html>

答案 3 :(得分:1)

后删除分号

坏:

function popup(); 

好:

function popup()

您可能希望在提醒后添加一个(“Hello World”)==&gt;警报(“Hello World”);

答案 4 :(得分:0)

函数在声明之后不应该有一个半冒号...一个关于javascript的简单教程会给你一个关于javascript的开始......