Html获取Url参数解决中文乱码

刘程佳

已于 2023-05-07 23:46:26 修改

阅读量4k

点赞数 4

分类专栏： html 文章标签： html html5

于 2021-11-30 13:01:39 首次发布

本文链接：https://blog.csdn.net/qq_52815083/article/details/121630153

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Html 获取 Url 参数解决中文乱码

方法一

//分割为数组
function getQueryVariable(name)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == name){return decodeURI(pair[1]);}
       }
       return(false);
}

方法二

//正则表达式
function GetQueryString(name) {
			var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
			var r = window.location.search.substr(1).match(reg);
			if(r != null) return decodeURI(r[2]);
			return null;
}

测试 html 页面代码
receive.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Html获取Url参数</title>
</head>
<body>

<p>
全局函数 (getQueryVariable,GetQueryString) 获取Url参数参数：
</p>
<p id="name"></p>
<p id="id"></p>
<script>

function getQueryVariable(name)
{
       var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == name){return decodeURI(pair[1]);}
       }
       return(false);
}

function GetQueryString(name) {
			var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
			var r = window.location.search.substr(1).match(reg);
			if(r != null) return decodeURI(r[2]);
			return null;
}

document.getElementById("name").innerHTML = getQueryVariable('name'); 
document.getElementById("id").innerHTML = GetQueryString('id'); 

</script>

</body>
</html>