js如何获取url后面参数-js教程-PHP中文网

js如何获取url后面参数

下次还敢

发布： 2024-05-21 02:04:18

原创

767人浏览过

如何使用 javascript 获取 url 参数

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

获取所有参数

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

<code class="js">const urlParams = new URLSearchParams(window.location.search);
const allParams = urlParams.entries();</code>

登录后复制

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

获取特定参数

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

移动端无限滚动加载瀑布流

里面有2个文件夹。其中这个文件名是:finishing，是我项目还没有请求后台的数据的模拟写法。请求后台数据之后，瀑布流的js有一点点变化，放在文件名是：finished。变化在于需要穿参数到后台，和填充的内容都用后台的数据填充。看自己项目需求来。由于chrome模拟器是不允许读取本地文件json的，所以如果你要进行测试，在hbuilder打开项目就可以看到效果啦，或者是火狐浏览器。

查看详情

<code class="js">const nameParam = urlParams.get('name');</code>

登录后复制

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

使用示例

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

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

登录后复制

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

以上就是js如何获取url后面参数的详细内容，更多请关注php中文网其它相关文章！