Art*_*llé 2 html javascript innerhtml
我开始学习JavaScript,我想知道为什么这不会永久地使"短暂"出现在按钮之前以及为什么它会在按下按钮之前恢复到原始HTML页面?
的index.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="mind.js"></script>
</head>
<body>
<h1 id = "identifier"></h1>
<form>
<button value = "button!" onclick="doSomething()"> </button>
</form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
mind.js
function doSomething() {
document.getElementById("identifier").innerHTML = '<i>Ephemeral</i>';
}
Run Code Online (Sandbox Code Playgroud)
use*_*012 10
因为您提交的表单正在刷新页面.return false如果您还不想提交,请添加到内联处理程序.
<button value = "button!" onclick="doSomething(); return false;"> </button>
Run Code Online (Sandbox Code Playgroud)
或者return在调用之前添加,并添加return false到函数中.
<button value = "button!" onclick="return doSomething();"> </button>
Run Code Online (Sandbox Code Playgroud)
function doSomething() {
document.getElementById("identifier").innerHTML = '<i>Ephemeral</i>';
return false;
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
3104 次 |
| 最近记录: |