js 获取地址栏参数

最新推荐文章于 2024-06-05 18:36:51 发布

H_c_l

最新推荐文章于 2024-06-05 18:36:51 发布

阅读量348

点赞数

分类专栏： js

本文链接：https://blog.youkuaiyun.com/H_c_l/article/details/99542186

版权

js 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了如何在JavaScript中从URL中获取查询参数。首先，在工具文件夹的common中创建了一个until.js文件，然后在页面中引入该文件以利用其功能解析地址栏参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1：工具文件夹common中创建until.js文件

// 获取地址栏查询参数
const getSearch = (name) => {
	// 创建一个空参数用来存储查询到的参数
	let str = null;
	// 获取地址栏信息
	let url = window.location.href;
	// 分割掉?前面的内容
	let query = url.split('?')[1];
	// 判断地址栏有没有信息
	if (!query) return str;
	// RegExp() 构造函数将用与指定的 RegExp 相同的模式和标志创建一个新的 RegExp 对象
	let temp = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
	// match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配
	let value = query.match(temp);
	// unescape() 函数可对通过 escape() 编码的字符串进行解码。
	value != null && (str = unescape(value[2]));
	return str;
}


//导出方法
export default {
	getSearch
}

2:页面中进行引用·

import utils from '@/common/utils.js';


//business_sign即需要查询的地址栏参数
this.business_sign = utils.getSearch('business_sign');