所发生的只是它闪烁了一秒钟,我想让我的按钮可见,但它不会打印“hello world”,也不会停留在那里只是闪烁。
<html>
<head>
<script src="Document.js"></script>
<script type="text/javascript">
function All() {
var name = document.getElementById("search");
visible()
}
function visible() {
document.getElementById("back").style.visibility = "visible";
David()
}
function David() {
if (name === "David") {
Document.write(
"Hello World"
);
}
}
</script>
</head>
<body onload=" invisible()">
<center>
<h2>Enter A Last Name</h2>
<form>
<input style="width: 300px;position: relative;top: 100px;" id="search" type="textbox" name="search">
<input style="position: relative;top: 100px;" type="submit" value="search" name="button" onClick="All()">
<input style="position: relative; right: 900px;" id="back" type="submit" value="Back" name="button" onClick="">
</form>
</center>
</body>
</html>
还有onload=" invisible()"
只是调用 <script src="Document.js"></script>
中的函数但我没有遇到任何问题,它所做的只是在页面加载时使按钮不可见,但无论如何,这里是它的代码。
function invisible()
{
document.getElementById("back").style.visibility="hidden";
}
最佳答案
您正在使用表单提交,表单提交的默认事件是转到表单上指定的操作。如果表单上没有任何操作,它只会刷新页面。如果你想保持表单提交,你必须用 return false 来停止默认事件;
function All (){
var name = document.getElementById("search");
visible();
return false;
}
这应该可以解决您的问题。
您还可以使用“button”标签或仅使用“a”标签。
关于javascript - 为什么我的功能只是闪烁并带我返回主页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19878418/