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 相关文章推荐
获取非最后一列td值并将title设为该值的方法
Oct 30 Javascript
jQuery异步验证用户名是否存在示例代码
May 21 Javascript
node.js中的fs.fstatSync方法使用说明
Dec 15 Javascript
深入分析下javascript中的[]()+!
Jul 07 Javascript
Immutable 在 JavaScript 中的应用
May 02 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
Jun 21 Javascript
JS动态加载脚本并执行回调操作
Aug 24 Javascript
Cookies 和 Session的详解及区别
Apr 21 Javascript
Vue.js常用指令的使用小结
Jun 23 Javascript
vue获取当前点击的元素并传值的实例
Mar 09 Javascript
vue获取当前激活路由的方法
Mar 17 Javascript
在Vue中实现随hash改变响应菜单高亮
Mar 09 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
PHP常用代码大全(新手入门必备)
2010/06/29 PHP
php中get_headers函数的作用及用法的详细介绍
2013/04/27 PHP
thinkPHP商城公告功能开发问题分析
2016/12/01 PHP
php基于dom实现的图书xml格式数据示例
2017/02/03 PHP
js 创建书签小工具之理论
2011/02/25 Javascript
css transform 3D幻灯片特效实现步骤解读
2013/03/27 Javascript
jquery中选择块并改变属性值的方法
2013/07/31 Javascript
JS匀速运动演示示例代码
2013/11/26 Javascript
基于jQuery插件实现环形图标菜单旋转切换特效
2015/05/15 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
2015/11/30 Javascript
Highcharts学习之坐标轴
2016/08/02 Javascript
jQuery序列化后的表单值转换成Json
2017/06/16 jQuery
深入解析Vue 组件命名那些事
2017/07/18 Javascript
详解Vue的computed(计算属性)使用实例之TodoList
2017/08/07 Javascript
Vue刷新修改页面中数据的方法
2018/09/16 Javascript
在vue项目中,将juery设置为全局变量的方法
2018/09/25 Javascript
Python时间戳使用和相互转换详解
2017/12/11 Python
彻底理解Python中的yield关键字
2019/04/01 Python
解决webdriver.Chrome()报错:Message:'chromedriver' executable needs to be in Path
2019/06/12 Python
Django中文件上传和文件访问微项目的方法
2020/04/27 Python
python能做哪些生活有趣的事情
2020/09/09 Python
利用python 下载bilibili视频
2020/11/13 Python
社区党务公开实施方案
2014/03/18 职场文书
校庆筹备方案
2014/03/30 职场文书
励志演讲稿200字
2014/08/21 职场文书
反对形式主义、官僚主义、享乐主义和奢靡之风整改措施
2014/09/17 职场文书
领导班子奢靡之风查摆问题及整改措施
2014/09/27 职场文书
党性分析自查总结
2014/10/14 职场文书
新教师个人总结
2015/02/06 职场文书
滴水洞导游词
2015/02/10 职场文书
升学宴学生致辞
2015/07/27 职场文书
2016年优秀党务工作者先进事迹材料
2016/02/29 职场文书
2016年全国爱牙日宣传活动总结
2016/04/05 职场文书
SpringBoot 集成Redis 过程
2021/06/02 Redis
Python中Schedule模块使用详解 周期任务神器
2022/04/19 Python
Python使用plt.boxplot()函数绘制箱图、常用方法以及含义详解
2022/08/14 Python