javascript - 为什么我的功能只是闪烁并带我返回主页?

标签 javascript function call

所发生的只是它闪烁了一秒钟,我想让我的按钮可见,但它不会打印“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/

相关文章:

javascript - 如何为匹配游戏更改两个 div 的颜色?

function - 用 ocaml 构建计算器,不知道如何制作 sigma 函数

c - ANSI C : Pass variables from (s)scanf to function call

java - 如何使用 'ADD'按钮重复添加JPanel?如何在ActionListener()中调用JPanel?

javascript - Django - 使用 jQuery 将模板加载到变量中

javascript - 返回的函数具有来自父函数的未定义结果数组

javascript - 单击一个按钮对 jQuery 中的表格进行排序

javascript - 为什么 2 个空的 JavaScript 函数或普通对象不相等

mysql - 使用 mysql 的 in 子句过程中出现错误

javascript - 一个函数出错后,Javascript函数不起作用