我刚进入web开发领域,决定创建一个测试项目来查看工作原理。
我的html代码是:
<!DOCTYPE html>
<html>
<head>
<title>
title
</title>
<script type="text/javascript" src="jstest.js"></script>
</head>
<body>
<h1>heading1</h1>
<button onclick="runcode()">click me</button>
</body>
</html>
剧本是这样的:
function runcode(){
alert("clicked");
}
我不知道为什么剧本不起作用。我已经把它放在前面,以确保按钮先加载,但仍然不起作用
最佳答案
在评论之后,你能用这些小部分来改变你的代码吗:
function runcode(event){
event.preventDefault();
alert("clicked");
}
<h1>heading1</h1>
<button onclick="runcode(event)">click me</button>
他们说:
按钮的类型。可能的值是:submit:按钮
将表单数据提交到服务器。如果
未指定属性,或者如果该属性是动态更改的
为空或无效值。
也就是说,您可以单击按钮,然后提交数据,并根据设置刷新页面。这就是为什么你看不到
alert
。该警报在提交之后发生。现在MDN Webdocs about the button type方法告诉用户代理,如果事件未经处理,则
默认操作不应按正常情况执行。
所以你可以阻止它做默认的事情。因为现在你想让你的函数工作,首先必须停止默认行为,然后你想去哪里就去哪里。在这种情况下,提醒一些事情。