您的位置:首页 > 教程笔记 > 前端笔记

js如何获取url传递的值

2024-06-22 12:23:13 前端笔记 175

如何使用 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 格式。

相关推荐

  • js怎么判断字符串相等

    js怎么判断字符串相等

    如何使用 javascript 判断字符串相等直接相等比较最简单的方法是使用相等运算符 (==),它检查两个字符串是否相等。这种比较不区分大小写。例如:const str1 = "Hello";con

    前端笔记 2024-06-22 12:22:08 96
  • js分割字符串怎么截取

    js分割字符串怎么截取

    JavaScript 中截取字符串的 5 种方法JavaScript 提供了多种方法来截取字符串。以下列出了 5 种常用方法及其示例:1. slice() 方法用途:从给定索引开始截取字符串。语法:s

    前端笔记 2024-06-22 12:22:04 50
  • js字符串怎么看长度

    js字符串怎么看长度

    如何查看 JavaScript 字符串的长度JavaScript 字符串具有一个内置属性 length,可用来获取字符串的字符数。用法:要查看字符串的长度,可以使用以下语法:字符串变量.length例

    前端笔记 2024-06-22 12:21:55 69
  • js字符串转日期怎么写

    js字符串转日期怎么写

    javascript 字符串转日期JavaScript 提供了new Date() 函数,它可以将各种格式的字符串转换为日期对象。转换字符串到日期对象的步骤:获取字符串的毫秒时间戳:有多种方法可以获取

    前端笔记 2024-06-22 12:21:36 181
  • js怎么截取指定字符串

    js怎么截取指定字符串

    如何使用 JavaScript 截取指定字符串要使用 JavaScript 截取指定字符串,可以使用 substring() 或 slice() 方法。1. 使用 substring() 方法subs

    前端笔记 2024-06-22 12:21:20 132