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

2019-11-20 10:53:03

字体：大中小

来源：转载

供稿：网友

使用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>

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

上一篇：Javascript获取数组中的最大值和最小值的方法汇总

下一篇：快速学习AngularJs HTTP响应拦截器