javascript - 解析联系表单的 URL 时遇到问题

Question

我正在尝试创建一个代码，该代码将根据网址的搜索部分 (?John-Doe) 填充“名称”。但是，如果没有搜索部分，我希望它默认为路径名。

例如test.com/contact?John-Doe

如果搜索不存在，则从以下内容解析

test.com/John-Doe

<script type="text/javascript">

window.onload=function() {
   document.getElementById('name').value = window.location.pathname.substr(1).replace(/-/g, " ");
}

</script>

感谢您提供的任何帮助!

Answer 1

您应该考虑属性布局。它们通常与名称和值成对出现。在这种情况下，我会选择 test.com/contact?name=John ，将值 John 设置为属性 name。您不必通过正则表达式解析名称。只需添加空格即可，在 URL 中将其写为 %20

我将使用 URL 对象和 searchParams 函数。

var target_url = "http://www.text.com/contact?name=John%20Doe"; // or window.location.href
var url = new URL(target_url);
var name = url.searchParams.get("name");
var input = document.getElementById("name");
if (input && name !== 'null') input.value = name;

<input id="name"/>