Javascript <；表格/>；标签导致刷新页面

当我点击提交按钮时，它会刷新页面！但是我删除标签后，效果很好。这有什么问题，不删除标签如何避免这个问题，代码如下：

函数密码（）{
var word=document.getElementById（“密码”）；
var load=document.getElementById（“显示”）；
if（word.type==“密码”）{
word.type=“text”；
load.value=“隐藏”
}
否则{
word.type=“密码”；
load.value=“显示”；
}
}

将输入类型从

提交

更改为

按钮

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

---

将输入类型从

提交

更改为

按钮

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

您也可以这样做：

<form action="demo_form.asp" onsubmit="javascript:return false">

document.querySelector('form').submit()

您也可以这样做：

<form action="demo_form.asp" onsubmit="javascript:return false">

document.querySelector('form').submit()

---

删除标记您认为

标记应该做什么？请检查

password（）

上的这些链接只需执行

返回false

脚本标记上的language属性已弃用，类型默认为JavaScript，因此，您可以只写

。删除标记您认为

标记应该做什么？请检查

密码（）

上的这些链接，只需执行

返回false

脚本标记上的language属性已弃用，类型默认为JavaScript，因此，您可以只编写

。Op没有标记为jQuery，也没有显示正在使用它。因此，提供依赖于库的答案是不合适的……特别是当您甚至没有资格将其作为第二个选项使用vanilla JS时：

var elem=document.getElementbyId（'display'）；elem.addEventListener（'click'，函数（e）{e.preventDefault（）；password（）；}）Op没有标记为jQuery，也没有显示正在使用它。因此，提供依赖于库的答案是不合适的……特别是当您甚至没有资格将其作为第二个选项使用vanilla JS时：
var elem=document.getElementbyId（'display'）；elem.addEventListener（'click'，函数（e）{e.preventDefault（）；password（）；}）
您的
onsubmit
属性值上的“javascript:”协议前缀是不必要的，所有
on uuuuuuuuu
属性都希望内容是javascript代码
onsubmit
属性值上的“javascript:”协议前缀是不必要的，所有的
属性都希望内容是JavaScript代码