插件窝 干货文章 js如何获取url传递的值

js如何获取url传递的值

字符串 strong 查询 urlsearchparams 255    来源:    2024-10-24
使用 javascript 通过 window.location.search 属性获取 url 传递的值,查询字符串以 ? 开头。解析查询字符串:使用 urlsearchparams 对象(例如 var params = new urlsearchparams(searchparams);),使用 get() 方法获取值(例如 console.log(params.get("name"));),确保解码查询字符串为 utf-8 格式。

如何使用 JavaScript 获取 URL 传递的值

在 JavaScript 中,可以使用 window.location.search 属性获取 URL 传递的值。该属性返回一个包含查询字符串的字符串,即 URL 中问号 (?) 之后的部分。

打开方式:

var searchParams = window.location.search;

示例:

<a href="index.html?name=John&amp;age=30">获取值</a>

JavaScript 代码:

var searchParams = window.location.search;

console.log(searchParams); // 输出:?name=John&amp;age=30

解析查询字符串:

要解析查询字符串并获取各个值,可以使用 URLSearchParams 对象:

var params = new URLSearchParams(searchParams);

console.log(params.get("name")); // 输出:John
console.log(params.get("age")); // 输出:30

注意:

  • 如果查询字符串没有传递任何值,window.location.search 将返回一个空字符串。
  • 如果查询字符串中有多个相同的值,URLSearchParams 对象将返回一个数组。
  • 确保在解析查询字符串之前,将其解码为 UTF-8 格式。