js如何获取url后面参数

如何使用 javascript 获取 url 参数

在 JavaScript 中，我们可以使用 window.location.search 属性来获取 URL 后面的查询字符串。查询字符串是由 "?" 符号和一组键值对组成的，这些键值对表示 URL 中的参数。

获取所有参数

要获取 URL 中的所有参数，可以使用 URLSearchParams 对象：

const urlParams = new URLSearchParams(window.location.search);
const allParams = urlParams.entries();

allParams 是一个包含所有参数的迭代器，每个参数都是一个由键和值的数组组成的元组。

获取特定参数

要获取特定参数，可以使用 URLSearchParams 对象的 get() 方法：

const nameParam = urlParams.get('name');

如果指定参数不存在，get() 方法将返回 null。

使用示例

以下示例展示了如何使用 JavaScript 获取 URL 参数：

  <script>
    function getParam(param) {
      const urlParams = new URLSearchParams(window.location.search);
      return urlParams.get(param);
    }
  </script><p>Name: <span id="name"></span></p>
  <script>
    const name = getParam('name');
    document.getElementById('name').innerHTML = name;
  </script>

这段代码从 URL 中获取 "name" 参数，并将其显示在页面上。