欢迎光临
我们一直在努力

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” 参数,并将其显示在页面上。

赞(0) 打赏
未经允许不得转载:码农资源网 » js如何获取url后面参数
分享到

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续提供更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏

登录

找回密码

注册