如何将变量从 HTML 文件传递到 JavaScript 文件

Question

我有两个不同的文件：a.html 和 a.js。 在 html 文件中，我有一个按钮，当我单击它时，我会调用位于 .js 文件中的 function。 此时，当我单击按钮时，我想将从 html 文件中收到的参数传递给 js 文件。 我已经尝试从 js 中执行 Document.getElementById("idDelInput") 但由于输入不在同一个文件中，因此它无法识别 Document.getElementById("idDelInput")。

 function login() { //check the variable email }

 <input id="email" type="text"> <button onClick="login()">Login</button>

Answer 1

您需要先将元素抓取到 Javascript 中，然后从中获取值。 document.getElementById("email")或document.querySelector("#email")会将您的元素放入 javascript 文件中。 然后使用value属性来获取它的值。

 function login() { document.querySelector("#email").value; }

 <input id="email" type="text"> <button onClick="login()">Login</button>