实例详解JavaScript获取链接参数的方法

前端技术 2023/09/02 JavaScript

使用url传递参数，大家应该不陌生，例如：

http://www.softwhy.com/home.php?mod=space&do=home&view=all

既然传递参数，那么自然就要获得传递的参数，当然获取参数的方式有多种多样，下面就介绍其中的一种，和大家一起分享，希望能够给大家带来一定的帮助，代码如下:

var url=\"http://www.softwhy.com/home.php?mod=space&do=home&view=all\";
if(url.indexOf(\"?\")!=-1) 
{
var str=url.substr(url.indexOf(\"?\")+1);
strs=str.split(\"&\");
for(i=0;i<strs.length;i++) 
{
alert(strs.length);
alert(strs[i].split(\"=\")[0]);
alert(strs[i].split(\"=\")[1]);
alert(strs[i].split(\"=\")[0],\'＝\',strs[i].split(\"=\")[1],\'<br>\');
}
}

在以上链接中:

1.strs.length的长度是3。
2.strs[0].split(\"=\")[0]是mod，strs[0].split(\"=\")[1]是space。
3.strs[1].split(\"=\")[0]是do，strs[1].split(\"=\")[1]是home。

后面的依次类推。

下面给大家分享3种JS获取地址栏参数的代码实例

有时候，我们需要获取静态页面的地址栏参数值，用JS是最简便的方法了，以下收集了三种用javaScript获取地址栏参数的函数代码，比较好用，下面一一与大家分享代码：

JS获取地址栏字符串参数，方法一：

<script type=\"text/javascript\">
Request = {
QueryString : function(item){
var svalue = location.search.match(new RegExp(\"[\\?\\&]\" + item + \"=([^\\&]*)(\\&?)\",\"i\"));
return svalue ? svalue[] : svalue;
}
}
alert(Request.QueryString(\"id\"));
</script>

JS获取地址栏字符串参数，方法二：

<script type=\"text/javascript\">
var URLParams = new Array();
var aParams = document.location.search.substr().split(\'&\');
for (i=; i < aParams.length i++){
var aParam = aParams.split(\'=\');
URLParams[aParam[]] = aParam[];
}
//获取传过来的name参数：
name=URLParams[\"name\"];
</script>

JS获取地址栏字符串参数，方法三：

<script type=\"text/javascript\">
function getvalue(name)
{
var str=window.location.search;
if (str.indexOf(name)!=-)
{
var pos_start=str.indexOf(name)+name.length+;
var pos_end=str.indexOf(\"&\",pos_start);
if (pos_end==-)
{
return str.substring(pos_start);
}
else
{
return str.substring(pos_start,pos_end)
}
}
else
{
return \"没有这个name值\";
}
}
var strName=prompt(\"请输入您所要值的名字\");
alert(getvalue(strName));
</script>

这三种方法使用的内核都不一样，请根据自己的程序要求自行选择使用。

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

转载请注明出处。

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

我的博客

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

我的标签

随笔档案