如何使用Javascript从URL参数自动填充文本字段

这个页面（）解释了如何做我想做的事情，除了由于我们系统的限制，我只能输入javascript将这些信息拉到文本框中。有人能解释一下我如何使用URL中的参数来自动填充文本框吗？

您应该能够使用js中的windows.location来执行类似的操作

---

您可以使用的答案轻松地使用JavaScript从URL获取参数。然后按如下方式设置文本框的值：

this.form.elements["element_name"].value = 'Some Value';

---

您可以使用

location.search

访问url查询并将其插入到文本值中

如果您的url是

/page.htm？x=y

，则可以使用以下代码设置文本字段的值。告诉您如何从查询字符串中获取值

// See the link above for getUrlParams
var params = getUrlParams();
document.getElementById('myTextFieldId').value = params.x;

---

请注意，您链接到的示例存在漏洞。为了避免这种情况，您必须在将HTML输出到屏幕之前对其进行转义

如果您想快速解决问题，您可能会对使用此代码片段感兴趣（灵感来源于，但由我自己修改）：

---

假设您的url是

example.com？inputKey=hello world

。如果是这样的话，使用上面的代码将用ID“inputBox”和短语“Hello world”填充输入。如果URL只是

example.com

，它不会预先填充框，而是像什么都没有一样（显示占位符等）。

显示参数可能是什么，显示它将填充的

输入（没有“textbox”元素）。而且，既然你有一个教程解释了如何用一种语言做你想做的事情，你能解释一下你在将它翻译成JavaScript时遇到的问题吗？你被困在哪里了？对不起，我不清楚。一般来说，我对编程非常陌生，根本不懂JavaScript，所以我真的不知道从哪里开始转换它。在这种情况下，我被迫使用JavaScript的原因是我必须将代码输入一个专有系统，UI一次只能输入一个输入，并且只能使用JavaScript。
function getURLParameter(e) {
  return decodeURI((new RegExp(e + "=(.+?)(&|$)").exec(location.search) || [, ""])[1]);
}

if (getURLParameter("inputKey") === "") {
  console.log("No URL param value found.");
} else {
  document.getElementById("inputBox").value = getURLParameter("inputkey");
}