获取url中参数的值或者中文值

最新推荐文章于 2024-07-02 09:04:22 发布

柚稚zr

最新推荐文章于 2024-07-02 09:04:22 发布

阅读量592

点赞数

分类专栏：前端文章标签： url参数获取中文值

本文链接：https://blog.csdn.net/bulabulahei/article/details/119774464

版权

前端专栏收录该内容

46 篇文章 8 订阅

订阅专栏

本文介绍了三种在JavaScript中处理URL参数，特别是中文字符的方法：一是使用字符串操作获取特定参数值，二是利用正则表达式匹配参数，三是通过location对象和对象字面量解析。重点讲解了解码参数值的过程和decodeURI函数的应用。

摘要由CSDN通过智能技术生成

问题需求

项目上遇到获取url的参数值，如获取这个ie的值
https://www.baidu.com/s?ie=utf-8

代码

方法一：

	function  getQueryString (name) {
		        // 如果链接没有参数，或者链接中不存在我们要获取的参数，直接返回空
		        if (location.href.indexOf("?") == -1 || location.href.indexOf(name + '=') == -1) {
		            return '';
		        }
		
		        // 获取链接中参数部分
		        var queryString = location.href.substring(location.href.indexOf("?") + 1);
		        queryString = decodeURI(queryString);
		
		        // 分离参数对 ?key=value&key2=value2
		        var parameters = queryString.split("&");
		
		        var pos, paraName, paraValue;
		        for (var i = 0; i < parameters.length; i++) {
		            // 获取等号位置
		            pos = parameters[i].indexOf('=');
		            if (pos == -1) { continue; }
		
		            // 获取name 和 value
		            paraName = parameters[i].substring(0, pos);
		            paraValue = parameters[i].substring(pos + 1);
		
		            // 如果查询的name等于当前name，就返回当前值，同时，将链接中的+号还原成空格
		            if (paraName == name) {
		                return unescape(paraValue.replace(/\+/g, " "));
		            }
		        }
		        return '';
		    }
			getQueryString (name)

方法二

	function getUrlParam() {
		  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 = getUrlParam();
		console.log(Request)
		var id=unescape(Request["name"]); 
		console.log(id)

方法三正则表达式

	function  getUrlParam(name)
		 {
		 var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
		 var r = window.location.search.substr(1).match(reg); //匹配目标参数
		 if(r!=null) return decodeURI(r[2]); return null; //返回参数值
		 } 
		var name =getUrlParam("name")
		console.log(name)