我刚进入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
方法告诉用户代理,如果事件未经处理,则
默认操作不应按正常情况执行。
所以你可以阻止它做默认的事情。因为现在你想让你的函数工作,首先必须停止默认行为,然后你想去哪里就去哪里。在这种情况下,提醒一些事情。

10-06 04:41