javascript - 标签导致刷新页面

Question

当我点击提交按钮时，它导致刷新页面!但是我把tag删了之后就正常了，这是什么问题，不删tag怎么避免这个问题呢，代码如下:

<script language="javascript" type="text/javascript">
	function password() {
	var word = document.getElementById("password");
	var load = document.getElementById("display");
	if(word.type=="password"){
		word.type = "text";
		load.value = "hidden"
	}
	else{
		word.type = "password";
		load.value = "display";
	}
	}
</script>
<form>
<input type="password" name="password" value="password" id="password" />
<input type="submit" name="display" onclick="password()" value="display" id="display"/>
</form>

Answer 1

从 submit 更改类型输入至 button

<input type="button" name="display" onclick="password()" value="display" id="display"/>

<input type="button" />按钮不会提交表单——默认情况下它们什么都不做。它们通常作为 AJAX 应用程序的一部分与 JavaScript 结合使用。

<input type="submit">按钮将在用户单击它们时提交它们所在的表单，除非您使用 JavaScript 另行指定。

或者

您可以停止使用 javascript 提交表单

$("form").submit(function(e) {
    e.preventDefault();
});