如何通过URL中的参数自动将信息输入<input />?

时间:2018-06-13 17:55:30

标签: html

我希望通过在网址中添加参数自动将信息输入HTML(例如google.com?param=test,其中&#34; test&#34;将自动输入到Google搜索框中)。理想情况下,这可以在不必修改代码的情况下实现,并且可以使用特定的类,id或名称来定位。

非常感谢任何帮助,谢谢!

2 个答案:

答案 0 :(得分:1)

使用this answer中的getParameterByName(name, url)函数获取查询字符串值。

然后,使用JavaScript和/或jQuery修改输入值。 jQuery中的示例:

<script>
    var param = getParameterByName('param'); // test
    $("#myId").val(param);
</script>
<input id="myId" type="text" />

答案 1 :(得分:1)

您只能使用HTML来做到这一点,因为它是一种标记语言。 要访问URL查询参数,我建议使用例如JavaScript:

<script>
 var url_string = window.location.href; // Current page URL
 var url = new URL(url_string);
 var param = url.searchParams.get("param");
 console.log(c);
</script>

在php中将是:

<?=$_GET['param']?>