gpt4 book ai didi

javascript - 在asp文件中使用html按钮元素javascript将导致页面重新加载

转载 作者:行者123 更新时间:2023-11-27 22:53:40 25 4
gpt4 key购买 nike

我尝试在 html 按钮元素上编写 JavaScript。但它会导致页面重新加载。但是当我使用按钮类型的输入时,它工作得很好。这是什么原因以及为什么我不能在这里使用按钮元素?

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Default</title>
<script type="text/javascript">
function changeTheText() {
document.getElementById("paragraphText").innerHTML = "The text is changed!";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<p id="paragraphText">This is awesome!</p>

<button onclick="changeTheText()">Change the text</button>

<input type="button" onclick="changeTheText()" value="Click" />
</div>
</form>

最佳答案

除非另有指定,否则表单中所有按钮的默认行为都是提交。您可以将按钮标记放在表单标记之外以避免这种行为。

这主要与浏览器相关。尤其是 IE,与按钮相关的一些尴尬。您可以轻松搜索两种类型按钮之间的差异。这里有几个不错的起点。

http://web.archive.org/web/20110721191046/http://particletree.com/features/rediscovering-the-button-element/

<button> vs. <input type="button" />. Which to use?

希望有帮助。

关于javascript - 在asp文件中使用html按钮元素javascript将导致页面重新加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37822147/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com