js如何获取url后面参数

百变鹏仔 3个月前 (10-14) #JavaScript

文章标签参数

如何使用 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" 参数，并将其显示在页面上。

文章推荐

js如何获取url后面参数

JavaScript如何获取宏控件数据？

JavaScript怎样读取宏控件数据？

JavaScript获取宏控件数据的技巧

探究JavaScript与Java的联系和区别

javascript:void(o)如何解决？