Question

所有这一切都发生了，就像我想要让我看到的按钮一样闪烁，但它不会打印出你好的世界而且它不会只是眨眼就停留在那里。

<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";
}

Answer 1

您正在使用表单提交，表单提交的默认事件是转到表单上指定的操作。如果表单上没有操作，则只刷新页面。如果要保持表单提交，则必须使用return false停止默认事件;

function All (){
var name = document.getElementById("search");
visible();
return false;
}

那应该解决你的问题。

您也可以使用“按钮”标签或“a”标签。

Answer 2

将提交更改为按钮使我的对象“返回”可见如何不删除搜索栏和搜索按钮，它也没有打印hello world但感谢您的帮助

为什么我的功能只是闪烁并将我带回主页？

2 个答案: