JS获取地址栏参数的几种方法小结


Posted in Javascript onFebruary 28, 2014
<script>
 // 获取地址栏的参数数组
 function getUrlParams() {
  var search = window.location.search;
  // 写入数据字典
  var tmparray = search.substr(1, search.length).split("&");
  var paramsArray = new Array;
  if (tmparray != null) {
   for (var i = 0; i < tmparray.length; i++) {
    var reg = /[=|^==]/;    // 用=进行拆分,但不包括==
    var set1 = tmparray[i].replace(reg, '&');
    var tmpStr2 = set1.split('&');
    var array = new Array;
    array[tmpStr2[0]] = tmpStr2[1];
    paramsArray.push(array);
   }
  }
  // 将参数数组进行返回
  return paramsArray;
 }
 // 根据参数名称获取参数值
 function getParamValue(name) {
  var paramsArray = getUrlParams();
  if (paramsArray != null) {
   for (var i = 0; i < paramsArray.length; i++) {
    for (var j in paramsArray[i]) {
     if (j == name) {
      return paramsArray[i][j];
     }
    }
   }
  }
  return null;
 }
function test()
{
    alert("v="+getParamValue("name"));
}
var test1= function()
{
  //alert("v1="+getParamValue("name"));
  //alert("v2="+GetUrlParam("name"));
  //alert("v3="+GetUrlParms("name"));
  alert("v4="+getQuery("name"));
}
function GetUrlParam(paramName) {
 var url = document.URL; //URL参数,你也可以用document.URL来获取,方法太多了
 var oRegex = new RegExp('[\?&]' + paramName + '=([^&]+)', 'i');
 //var oMatch = oRegex.exec( window.top.location.search ) ; //获取当前窗口的URL
 var oMatch = oRegex.exec(url);
 if (oMatch && oMatch.length > 1)
  return oMatch[1]; //返回值
 else
  return '';
}
//获取url参数
function GetUrlParms(name) {
 var reg = new RegExp("(^|\\?|&)" + name + "=([^&]*)(\\s|&|$)", "i");
 if (reg.test(location.href))
  return unescape(RegExp.$2.replace(/\+/g, " "));
 return "";
}
var getQuery = function (i) {
var j = location.search.match(new RegExp("[?&]" + i + "=([^&]*)(&?)", "i"));
return j ? j[1] : j
};
</script>
JS获取地址栏参数 :<br>
<a href="#" onclick="test1();">获取参数值</a>
Javascript 相关文章推荐
JavaScript prototype对象的属性说明
Mar 13 Javascript
获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
Feb 14 Javascript
Jquery实现的一种常用高亮效果示例代码
Jan 28 Javascript
JS实现控制表格行内容垂直对齐的方法
Mar 30 Javascript
JavaScript中Date对象的常用方法示例
Oct 24 Javascript
JavaScript中的ParseInt(&quot;08&quot;)和“09”返回0的原因分析及解决办法
May 19 Javascript
微信开发 js实现tabs选项卡效果
Oct 28 Javascript
浅谈node中的exports与module.exports的关系
Aug 01 Javascript
VUE 3D轮播图封装实现方法
Jul 03 Javascript
django使用channels2.x实现实时通讯
Nov 28 Javascript
使用apifm-wxapi模块中的问题及解决方法
Aug 05 Javascript
Vue通过配置WebSocket并实现群聊功能
Dec 31 Javascript
jquery ajaxSubmit 异步提交的简单实现
Feb 28 #Javascript
动态创建script标签实现跨域资源访问的方法介绍
Feb 28 #Javascript
jQuery之选项卡的简单实现
Feb 28 #Javascript
ExtJs纵坐标值重复问题的解决方法
Feb 27 #Javascript
flash遮住div问题的正确解决方法
Feb 27 #Javascript
浏览器窗口加载和大小改变事件示例
Feb 27 #Javascript
js中settimeout方法加参数的使用实例
Feb 27 #Javascript
You might like
windows下PHP APACHE MYSQ完整配置
2007/01/02 PHP
php array_map array_multisort 高效处理多维数组排序
2009/06/11 PHP
对采用动态原型方式无法展示继承机制得思考
2009/12/04 Javascript
onclick与listeners的执行先后问题详细解剖
2013/01/07 Javascript
jquery用get实现ajax在ie里面刷新不进入后台解决方法
2013/08/12 Javascript
Jquery实现的一种常用高亮效果示例代码
2014/01/28 Javascript
浅谈JavaScript中的string拥有方法的原因
2015/08/28 Javascript
JS简单实现无缝滚动效果实例
2016/08/24 Javascript
详解js的事件代理(委托)
2016/12/22 Javascript
jQuery插件ajaxFileUpload使用详解
2017/01/10 Javascript
Vue form 表单提交+ajax异步请求+分页效果
2017/04/22 Javascript
利用Angular.js编写公共提示模块的方法教程
2017/05/28 Javascript
微信小程序--组件(swiper)详细介绍
2017/06/13 Javascript
Vue计算属性的使用
2017/08/04 Javascript
Angular7创建项目、组件、服务以及服务的使用
2019/02/19 Javascript
JavaScript如何使用插值实现图像渐变
2020/06/28 Javascript
python中文编码问题小结
2014/09/28 Python
Python中执行存储过程及获取存储过程返回值的方法
2017/10/07 Python
ubuntu16.04制作vim和python3的开发环境
2018/09/23 Python
对Python实现累加函数的方法详解
2019/01/23 Python
用Python将结果保存为xlsx的方法
2019/01/28 Python
python获取txt文件词向量过程详解
2019/07/05 Python
python matplotlib库直方图绘制详解
2019/08/10 Python
Python单链表原理与实现方法详解
2020/02/22 Python
Python实现动态给类和对象添加属性和方法操作示例
2020/02/29 Python
Django-rest-framework中过滤器的定制实例
2020/04/01 Python
python中温度单位转换的实例方法
2020/12/27 Python
全球性的在线鞋类品牌:Public Desire
2019/04/03 全球购物
光荣入党自我鉴定
2014/01/22 职场文书
机械制造专业毕业生求职信
2014/03/02 职场文书
工伤事故证明
2014/10/20 职场文书
生日答谢词
2015/01/05 职场文书
网络营销计划
2015/01/17 职场文书
入伍志愿书怎么写?
2019/07/19 职场文书
Django与数据库交互的实现
2021/06/03 Python
MongoDB数据库的安装步骤
2021/06/18 MongoDB