Question

我有一个Web表单，用户可以在其中输入一个人的名字，然后单击一个按钮以打开有关该人的页面。例如他们输入Player One并运行一个打开文件C：\ PlayerOne的功能。

我尝试使用<button>标记并添加onclick元素来运行该功能，但是我也无法在那里诊断问题。我不太熟悉事件监听器的内容，但是我在[here]（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/button）看到了它，所以我想我会尝试这种方式。

<form>
  <fieldset>
    <legend>Enter player name: </legend>
    First name:<br>
    <input type="text" name="firstname"><br>
    Last name:<br>
    <input type="text" name="lastname"><br><br>
    <input type="button" value="Submit">
  </fieldset>

  <script>
    const input = document.querySelector('button');
    input.addEventListener('click', UseData);
    function UseData()
        {
        var Fname=document.GetElementById('firstname');
        var Lname=document.GetElementById('lastname');
        window.location = "C:\" + Fname + Lname;
        }
  </script>
</form>

我希望用户能够输入名称并打开相应的文件，如上所述。但是，此时按钮根本不起作用。我确实有一个供参考的测试文件，我一直在表单的字段中键入其名称。

Answer 1

这是因为您的表单中没有button标签。像这样使用属性选择器：

const input = document.querySelector('input[type="button"]');

Answer 2

这是我的类似代码示例，其中涉及触发功能的按钮

按钮：

 <button onclick="theFunction()">sampletext</button>

脚本：

    var x = document.getElementById("sampleElement");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}

在我的示例中，该按钮用于显示/隐藏div。单击我的按钮将触发更改div可见性的功能。

当用户单击按钮时，如何使html运行javascript函数？

2 个答案: