获取当前页面url的各类参数

news/2024/7/19 16:43:39 标签: JS, url参数, window, location
Location 对象
	Location 对象包含有关当前 URL 的信息
	Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问
	Location的各种属性:
		window.location.hash => 设置或返回从井号 (#) 开始的 URL(锚)
		window.location.host => 设置或返回主机名和当前 URL 的端口号
		window.location.hostname => 设置或返回当前 URL 的主机名
		window.location.href => 设置或返回完整的 URL
		window.location.pathname => 设置或返回当前 URL 的路径部分
		window.location.port => 设置或返回当前 URL 的端口号
		window.location.protocal => 设置或返回当前 URL 的协议
		window.location.search => 设置或返回从问号 (?) 开始的 URL(查询部分)
方法一:

// 根据参数名获取url中的参数
function getQueryString(name) {
	const reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
	const urlObj = window.location;
	var r = urlObj.href.indexOf('#') > -1 ? urlObj.hash.split("?")[1].match(reg) : urlObj.search.substr(1).match(reg);
	if (r != null) return unescape(r[2]); return null;
}
 
alert(getQueryString("参数名称"));
方法二:

// 根据参数名获取url中的参数
function GetQueryString(name) { 
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
  var r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
  var context = ""; 
  if (r != null) 
	 context = r[2]; 
  reg = null; 
  r = null; 
  return context == null || context == "" || context == "undefined" ? "" : context; 
}
// 调用
    var 参数1 = GetQueryString['参数1'];
	var 参数2 = GetQueryString['参数2'];
	var 参数3 = GetQueryString['参数3'];
方法三:

// 根据参数名获取url中的参数
function GetRequest() {
	var url = location.search; //获取url中"?"符后的字串
	var theRequest = new Object();
	if (url.indexOf("?") != -1) {
		var str = url.substr(1);
		strs = str.split("&");
		for(var i = 0; i < strs.length; i ++) {
			theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
		}
	}
	return theRequest;
}
// 调用
	var Request = new Object();
	Request = GetRequest();
	var 参数1,参数2,参数3,参数N;
	参数1 = Request['参数1'];
	参数2 = Request['参数2'];
	参数3 = Request['参数3'];
	参数N = Request['参数N'];

 


http://www.niftyadmin.cn/n/1162519.html

相关文章

链接远程服务器

大多数情况下除服务器以外的个人PC多数采用的是window系统&#xff0c;在使用window系统连接远程云服务器时&#xff0c;需要根据云服务器的搭载系统采取不同的连接策略。 window系统连接搭载window系统的云服务器时&#xff0c;可以通过系统自带的远程连接功能创建连接。 win…

centos 中文乱码

centos是否有中文乱码的情况&#xff0c;简单的输入指令help即可查看是否有乱码情况出现。 一般出现乱码有两种可能&#xff0c;一是系统没有安装中文语言包&#xff0c;一是系统安装有中文语言包&#xff0c;但是没有应用。 通过输入执行locale -a | grep "zh_CN"…

centos系统安装及配置

文件 > 新建虚拟机 > 自定义 > 硬件兼容性采用推荐 > 选择centos镜像 > 虚拟机命名并且选择安装目录(非C盘外) > 配置处理器(根据实际情况配置&#xff0c;一般配置两个处理器&#xff0c;每个处理器双核&#xff0c;共四核&#xff0c;够用) > …

Android中的视图属性

基本属性 id&#xff1a;指定该视图的唯一编号visibility&#xff1a;指定视图的可视类型backgroud&#xff1a;指定该视图的背景 宽高 layout_width&#xff1a;指定该视图的宽度&#xff0c;可以是具体的dp值match_parent&#xff1a;表示与上级视图一样宽wrap_content&am…

css3 圆角 border-radius

一个属性值&#xff1a; 元素四个方向的圆角大小 两个属性值&#xff1a; 第一个值表示左上角和右下角 第二个值表示右上角和左下角 三个属性值&#xff1a; 第一个值表示左上角 第二个值表示右上角和左下角&#xff08;对角&#xff…

css3 盒子阴影 box-shadow

语法&#xff1a;box-shadow: h-shadow v-shadow blur spread color inset;h-shadow&#xff1a;必需的 从原点开始&#xff0c;沿x轴正方向的长度&#xff08;倘若为负值&#xff0c;为沿x轴负方向的长度&#xff09;v-shadow&#xff1a;必需的 从原点开始&#xff0c;沿y轴正…

微信小程序引入第三方组件库Vant Weapp

1. 打开终端&#xff0c;路径切换到项目源码根目录2. 终端执行命令:npm init 初始化生成一个package.json文件3. 在终端执行命令&#xff1a; npm i vant-weapp -S --production 安装本地组件库4. 微信开发者工具 > 工具 > 构建npm5. 微信开发者工具 > 详情 > 勾选…

远程部署nodeJS环境-临时修改

临时修改环境变量&#xff0c;当连接工具关闭&#xff0c;或当前shell关闭&#xff0c;或者重开其他的shell,此环境变量都将无效&#xff0c;此方法多用于用户系统测试 1. 跳转到指定安装目录下&#xff0c;下载压缩包文件 指令&#xff1a;wget https://nodejs.org/dist/…