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 相关文章推荐
看了就知道什么是JSON
Dec 09 Javascript
js二级地域选择的实现方法
Jun 17 Javascript
Javascript中arguments用法实例分析
Jun 13 Javascript
函数window.open实现关闭所有的子窗口
Aug 03 Javascript
基于OL2实现百度地图ABCD marker的效果
Oct 01 Javascript
js跨浏览器的事件侦听器和事件对象的使用方法
Dec 17 Javascript
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
May 17 Javascript
判断数组是否包含某个元素的js函数实现方法
May 19 Javascript
微信小程序 检查接口状态实例详解
Jun 23 Javascript
ionic3实战教程之随机布局瀑布流的实现方法
Dec 28 Javascript
解决jquery的ajax调取后端数据成功却渲染失败的问题
Aug 08 jQuery
Nest.js参数校验和自定义返回数据格式详解
Mar 29 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
30个php操作redis常用方法代码例子
2014/07/05 PHP
round robin权重轮循算法php实现代码
2016/05/28 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
PHP实现的支付宝支付功能示例
2019/03/26 PHP
PHP常用函数之获取汉字首字母功能示例
2019/10/21 PHP
laravel 框架实现无限级分类的方法示例
2019/10/31 PHP
PHP 图片处理
2020/09/16 PHP
javascript Array数组对象的扩展函数代码
2010/05/22 Javascript
jquery中ajax调用json数据的使用说明
2011/03/17 Javascript
Jquery中Ajax 缓存带来的影响的解决方法
2011/05/19 Javascript
火狐4、谷歌12不支持Jquery Validator的解决方法分享
2011/06/20 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
2015/10/16 Javascript
详解JavaScript数组的操作大全
2015/10/19 Javascript
jquery实现左右无缝轮播图
2020/07/31 Javascript
javascript实现简易计算器的代码
2016/05/31 Javascript
JS创建对象的写法示例
2016/11/04 Javascript
easyui combobox开启搜索自动完成功能的实例代码
2016/11/08 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
2017/02/14 Javascript
VUE开发一个图片轮播的组件示例代码
2017/03/06 Javascript
JavaScript算法教程之sku(库存量单位)详解
2017/06/29 Javascript
vue项目前端错误收集之sentry教程详解
2019/05/27 Javascript
layui table动态表头 改变表格头部 重新加载表格的方法
2019/09/21 Javascript
vue中在vuex的actions中请求数据实例
2019/11/08 Javascript
[51:50]完美世界DOTA2联赛 Magma vs GXR 第一场 11.07
2020/11/10 DOTA
Python实现在线程里运行scrapy的方法
2015/04/07 Python
Python实现一个服务器监听多个客户端请求
2018/04/12 Python
Python 运行 shell 获取输出结果的实例
2019/01/07 Python
python opencv 简单阈值算法的实现
2019/08/04 Python
Python 日期的转换及计算的具体使用详解
2020/01/16 Python
如何在pycharm中安装第三方包
2020/10/27 Python
纯css3实现宠物小鸡实例代码
2018/10/08 HTML / CSS
阿联酋手表和配饰购物网站:Rivolishop
2019/11/25 全球购物
最新教师自我评价分享
2013/11/12 职场文书
2014年建筑工程工作总结
2014/12/03 职场文书
大学生自荐信范文
2015/03/05 职场文书
Python中的套接字编程是什么?
2021/06/21 Python