如何从 url 中获取一些内容并将其放在 html 的输入框中

Question

我的网站位于此链接： www.website.zzz ，有时我的网站是从不同的链接加载的（也许我应该说是动态的），例如www.website.zzz/?ref=name1 ， www.website.zzz/? ref=name2 , www.website.zzz/?ref=name3 ，我可以说这三个示例的关键值是 'ref'，它采用不同的名称，如 name1、name2、name3 等。 当单击此链接时，它会直接进入注册表单，在注册表单上，我有两个输入字段，它们使用 email 和来自 url 的内容。 我想要这个框，它的内容取自 url 的名称，例如，如果有人使用这个链接： www.website.zzz/?ref=name4 ，这个输入 4 将得到这个内容'name4'，这样当用户去在提交表格时，这个名字也将被提交。 我没有任何暗示，为什么我没有包含任何内容。 我需要一个执行此操作的 html 代码示例。

Answer 1

使用window.location.search读取查询字符串
使用HTMLInputElement.value设置<input>值

Answer 2

<html>
  <body>
    <form>
      <label for="param">Parameter: </label>
      <input id="param"/>
    </form>
    <script>
      (function(){
        const queryString = window.location.search;
        const urlParams = new URLSearchParams(queryString);
        const ref = urlParams.get('ref')
        document.getElementById('param').value = ref;
      })();
    </script>
  </body>
</html>

如何从 url 中获取一些内容并将其放在 html 的输入框中

问题描述

2 个解决方案

解决方案1
0 2020-07-11 15:30:16

解决方案2
0 已采纳 2020-07-11 19:20:29

如何从 url 中获取一些内容并将其放在 html 的输入框中

问题描述

2 个解决方案

解决方案1 0 2020-07-11 15:30:16

解决方案2 0 已采纳 2020-07-11 19:20:29

解决方案1
0 2020-07-11 15:30:16

解决方案2
0 已采纳 2020-07-11 19:20:29