这篇文章主要介绍了实例详解 JavaScript 获取链接参数的方法的相关资料, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
使用 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>
这三种方法使用的内核都不一样,请根据自己的程序要求自行选择使用。
来源: http://www.phperz.com/article/17/0218/267802.html