js获取url传值的方法

前端技术 2023/09/06 JavaScript

本文实例讲述了js获取url传值的方法。分享给大家供大家参考，具体如下：

js获取url参数值：

index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&......

静态html文件js读取url参数 根据获取html的参数值控制html页面输出

一、字符串分割分析法

这里是一个获取URL带QUESTRING参数的JAVASCRIPT客户端解决方案，相当于asp的request.querystring，PHP的$_GET

函数:

<Script language=\"javascript\">
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;
}
</Script>

然后我们通过调用此函数获取对应参数值：

<Script language=\"javascript\">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request[\'参数1\'];
参数2 = Request[\'参数2\'];
参数3 = Request[\'参数3\'];
参数N = Request[\'参数N\'];
</Script>

以此获取url串中所带的同名参数

二、正则分析法

function GetQueryString(name) {
var reg = new RegExp(\"(^|&)\" + name + \"=([^&]*)(&|$)\",\"i\");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
alert(GetQueryString(\"参数名1\"));
alert(GetQueryString(\"参数名2\"));
alert(GetQueryString(\"参数名3\"));

补充：js 获取url的get传值函数

function getvl(name) {
　　var reg = new RegExp(\"(^|\\\\?|&)\"+ name +\"=([^&]*)(\\\\s|&|$)\", \"i\");
　　if (reg.test(location.href))
　　return unescape(RegExp.$2.replace(/\\+/g, \" \"));
　　return \"\";
};

用法简单的说一下

比如url是:http://localhost/index.php?qz=ddddk中qz的值代码如下

复制代码 代码如下:
getvl(bb);//这样就可以了

希望本文所述对大家JavaScript程序设计有所帮助。

本文地址：https://www.stayed.cn/item/17034

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案