javascript中如何处理点击事件？

发布于 2024-10-27 00:17:32 字数 496 浏览 0 评论 0原文

今天是我从事新工作的第一天（大型网站的前端主管）。我的任务之一是实现一个按钮，单击该按钮即可触发事件。我不知道，所以在谷歌搜索了一下之后，我想出了这个：

<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>

问题是，当我单击按钮时，什么也没有发生。

编辑根据米歇尔的评论进行更新

原文

Today is my first day at a new job (a Front End Lead on a large website.) One of my tasks is to implement a button that fires an event when it's clicked. I had no clue, so after googling a bit, I came up with this:

<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>

The problem is, when I click my button, nothing happens.

EDIT Updated based on MICHEL's comments

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

江南月 2024-11-03 00:17:32

删除分号：

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

应该可以工作^_^

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

remove the semi-colon:

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

that should work ^_^

see it working here: http://jsfiddle.net/maniator/fNeJh/

回复收藏 0 原文

骑趴 2024-11-03 00:17:32

您的 HTML 无效。更改

</html>    
</body>

为

</body>
</html>

此外，标记没有内容，因此您根本不需要结束标记（对于 HTML），或者您可以将其编写为自结束标记：。

就 JavaScript 错误而言，Neal 的答案是正确的。

Your HTML is invalid. Change

</html>    
</body>

</body>
</html>

Also, the <br> tag has no content, so you don't need a closing tag at all (for HTML) or you can write it as a self-closing tag: <br/>.

As far as the JavaScript error goes, Neal's answer is correct.

回复收藏 0 原文

一个人的夜不怕黑 2024-11-03 00:17:32

这应该有效

<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>

This should work

<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>

回复收藏 0 原文