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 相关文章推荐
jquery实现点击弹出层效果的简单实例
Mar 03 Javascript
JavaScript中的对象的extensible属性介绍
Dec 30 Javascript
ECMAScript5(ES5)中bind方法使用小结
May 07 Javascript
jquery插件splitScren实现页面分屏切换模板特效
Jun 16 Javascript
jQuery实现ToolTip元素定位显示功能示例
Nov 23 Javascript
jQuery加密密码到cookie的实现代码
Apr 18 jQuery
JS设置随机出现2个数字的实例代码
Jul 19 Javascript
剖析Angular Component的源码示例
Mar 23 Javascript
JavaScript实现淘宝京东6位数字支付密码效果
Aug 18 Javascript
mpvue项目中使用第三方UI组件库的方法
Sep 30 Javascript
Vue项目中使用jquery的简单方法
May 16 jQuery
JSONP 的原理、理解 与 实例分析
May 16 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
深入理解curl类,可用于模拟get,post和curl下载
2013/06/08 PHP
CentOS下PHP安装Oracle扩展
2015/02/15 PHP
PDO::lastInsertId讲解
2019/01/29 PHP
php实现session共享的实例方法
2019/09/19 PHP
Javascript 函数对象的多重身份
2009/06/28 Javascript
动态改变div的z-index属性的简单实例
2013/08/08 Javascript
jquery修改属性值实例代码(设置属性值)
2014/01/06 Javascript
JS实现生成会变大变小的圆环实例
2015/08/05 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
2015/08/28 Javascript
jQuery定义插件的方法
2015/12/18 Javascript
JS设置手机验证码60s等待实现代码
2017/06/14 Javascript
jQuery选择器之属性筛选选择器用法详解
2017/09/19 jQuery
Vue使用枚举类型实现HTML下拉框步骤详解
2018/02/05 Javascript
Vue.set() this.$set()引发的视图更新思考及注意事项
2018/08/30 Javascript
Vue 事件处理操作实例详解
2019/03/05 Javascript
微信小程序wxml列表渲染原理解析
2019/11/27 Javascript
在vue和element-ui的table中实现分页复选功能
2019/12/04 Javascript
vue-router之解决addRoutes使用遇到的坑
2020/07/19 Javascript
python 回调函数和回调方法的实现分析
2016/03/23 Python
Python yield 使用方法浅析
2017/05/20 Python
Python中类的初始化特殊方法
2017/12/01 Python
python微信公众号之关键词自动回复
2018/06/15 Python
Python使用Selenium实现淘宝抢单的流程分析
2020/06/23 Python
Python如何定义接口和抽象类
2020/07/28 Python
localstorage和sessionstorage使用记录(推荐)
2017/05/23 HTML / CSS
结构和类有什么异同
2012/07/16 面试题
大学新生军训自我鉴定
2014/03/18 职场文书
关于护士节的演讲稿
2014/05/26 职场文书
群众路线个人剖析材料
2014/10/07 职场文书
责任书范本大全
2015/05/11 职场文书
四年级数学教学反思
2016/02/16 职场文书
《小蝌蚪找妈妈》教学反思
2016/02/23 职场文书
优胜劣汰,强者为王——读《鲁滨逊漂流记》有感
2019/08/15 职场文书
你离财务总监还有多远?速览CFO的岗位职责
2019/11/18 职场文书
一篇文章弄懂Python关键字、标识符和变量
2021/07/15 Python
《游戏王:大师决斗》将推出新卡牌包4月4日上线
2022/03/31 其他游戏