how to get parameters from url using js?

最新推荐文章于 2022-08-08 13:10:21 发布

haohappy2

最新推荐文章于 2022-08-08 13:10:21 发布

阅读量72

点赞数

CC 4.0 BY-SA版权

文章标签： JavaScript ViewUI

本文链接：https://blog.youkuaiyun.com/haohappy2/article/details/84433362

本文介绍了三种不同的JavaScript方法来从URL中获取参数值。第一种是通过扩展String原型的方法实现，第二种是定义一个函数直接匹配正则表达式，第三种是通过字符串操作和数组方法实现。这些方法适用于网页开发中动态获取URL参数的需求。

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

way 1：

<script. type="text/javascript">
<!--
String.prototype.getQuery = function(name) {
　　var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
　　var r = this.substr(this.indexOf("\?")+1).match(reg);
　　if (r!=null) return unescape(r[2]); return null;
}
var strHref = "www.xx.com/index.htm?a=aaa&b=bbb&c=ccc";
alert(strHref.getQuery("a"));
alert(strHref.getQuery("b"));
alert(strHref.getQuery("c"));
//-->
</script>

way 2：

<script. type="text/javascript">
function getUrlPara(paraName){
var sUrl = location.href;
var sReg = "(?:\\?|&){1}"+paraName+"=([^&]*)"
var re=new RegExp(sReg,"gi");
re.exec(sUrl);
return RegExp.$1;
}
//应用实例：test_para.html?a=11&b=22&c=33
alert(getUrlPara("a"));
alert(getUrlPara("b"));
</script>

way 3：

<script. type="text/javascript">
<!--
function Request(strName){
var strHref = "www.xx.com/index.htm?a=aaa&b=bbb&c=ccc";
var intPos = strHref.indexOf("?");
var strRight = strHref.substr(intPos + 1);
var arrTmp = strRight.split("&");
for(var i = 0; i < arrTmp.length; i++) {
var arrTemp = arrTmp[i].split("=");
if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1];
}
return "";
}
alert(Request("a"));
alert(Request("b"));
alert(Request("c"));
//-->
</script>