Question

我有以下html页面。如果用户点击按钮quit，则预计会转到Goodbye.html页面。

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  <title>Answers</title>
</head>
   <script type="javascript/text">    
    function quit()
    {
        window.location = "www.google.com";      
    }    
   </script>
<body>
  <form enctype="application/x-www-form-urlencoded">
    <h1>Answers<br></h1>

    <h2><font color="#0033CC">Instant Psychology</font></h2>

    <blockquote>
      <h1><font color="#CC6600">Perfectionist<br></font></h1>
    </blockquote>

    <h2><font color="#CC0000">Instant Geography</font></h2>

    <blockquote>
      <h1><font color="#009900">Hawaii<br></font></h1>
    </blockquote>

    <h2><font color="#660033">Instant Gastronomy</font></h2>

    <blockquote>
      <h1><font color="#FF66FF">Souffle<br>
      <br>
      <br>
      <input type="submit" name="another" value="Do Another One" onclick="doanother();">
      <input type="submit" name="quit" value="Quit" onclick="quit();"></font></h1>
    </blockquote>
  </form>


</body><link rel="stylesheet" type="text/css" href="data:text/css,"></html>

为什么页面会转到初始页面呢？

Answer 1

如果您希望按钮执行您创建的任何功能而不使用其默认提交功能，那么您应该更改以下代码：

<input type="submit">

为：

<input type="button">

type="submit"默认提交表单。你也可以使用：

return false;

在JavaScript函数中，以防止它执行默认的提交操作。

Answer 2

您可以使用return false;

阻止表单提交

function quit()
{
    window.location = "www.google.com";  
    return false;
}

为什么要提交这份表格？

2 个答案: