Javascript 警报未正确显示答案

【问题标题】：Javascript alert not displaying correctlyJavascript 警报未正确显示
【发布时间】：2018-06-26 17:59:48
【问题描述】：

有谁知道如何解决以下问题：我希望用户输入的表单在不同的 HTML 文件中得到警告。

这是我到目前为止写的。它适用于名为'name'的id，但我不知道为什么它不适用于'position'。

“index.html”文件：

<script>
    function myFunction() {
        name = document.getElementById("name").value;
        position = document.getElementById("position").value;

        window.location.replace("signature.html");
        return false;
    }
</script>

<form class="formulario" onsubmit="return myFunction()">
      Name: <input type="text" name="name" id="name"><br>
      Position:  <input type="text" name="position" id="position"><br>
      <br>
      <input type="submit" value="Generate Signature">
</form>

“signature.html”文件 - 注意警报（名称）和警报（位置）=>警报（名称）有效，但警报（位置）无效。我想了解如何解决这个问题。

<html>
<head>
</head>
<body>
<div class="signature_general">
    <div class = "signature_middle">
        <div id = "signature_details">
        <font size="2px">Regards,</font><br>
        <b><font color="#808080" size="3px" id="nameInput">Francisco Jurado</font></b><br>
        <font size="2px" id="posInput">Accounting Systems Team Leader</font>
        </div>
    </div>
</div>

<script>
    alert(name);
    alert(position);
</script>

</body>
</html>

非常感谢

编辑：我注意到我收到一个错误，其中“位置”是“未定义”。有谁知道吗？

【问题讨论】：

显然，您还没有标记“名称”和“位置”的变量。试试这个： var name='test1', position='test2';警报（名称）；警报（位置）；
@Sphinx 编辑：你的意思是在“signature.html”文件中吗？
@Sphinx 我尝试了以下方法（可能不是你的意思）：在“index.html”文件中声明，如下：var name = document.getElementById("name").value ; var position = document.getElementById("position").value;

标签： javascript alerts

【解决方案1】：

您可以将 html 文件更改为：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>

<form class="formulario" action="signature.html" method="get">
      Name: <input type="text" name="name" id="name"><br>
      Position:  <input type="text" name="position" id="position"><br>
      <br>
      <input type="submit" value="Generate Signature">
</form> 
</body>
</html>

你的 signature.html 文件为：

<html>
<head>
</head>
<body>
<div class="signature_general">
    <div class = "signature_middle">
        <div id = "signature_details">
        <font size="2px">Regards,</font><br>
        <b><font color="#808080" size="3px" id="nameInput">Francisco Jurado</font></b><br>
        <font size="2px" id="posInput">Accounting Systems Team Leader</font>
        </div>
    </div>
</div>

<script>
  var values = window.location.search.substring(1).split('&')
  var name = values[0].split('=')[1]
  var position = values[1].split('=')[1]
  alert(name)
  alert(position)
</script>

</body>
</html>

【讨论】：

达斯网。我注意到如果我输入一个带空格的值，而不是显示“hello world”，它会显示“hello+world”。我该如何解决这个问题？
同样@，显示为“%40”。谢谢。
编辑：通过此链接解决：stackoverflow.com/questions/18717557/…

【解决方案2】：

您在index.html 中设置的名称与您在signature.html 的警报中打印的名称不同。

您可以通过在这两个地方将 name 重命名为 name2 来看到这一点。

如果你想将这些变量从一个页面传递到另一个页面，我建议使用查询字符串how to exchange variables between two HTML pages?

【讨论】：