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 相关文章推荐
JS声明变量背后的编译原理剖析
Dec 28 Javascript
Javascript异步编程的4种方法让你写出更出色的程序
Jan 17 Javascript
jQuery实现动画效果的实例代码
May 07 Javascript
jquery数据验证插件(自制,简单,练手)实例代码
Oct 24 Javascript
Javascript Object 对象学习笔记
Dec 17 Javascript
javascript实现控制文字大中小显示
Apr 28 Javascript
JavaScript数组去重的五种方法
Nov 05 Javascript
jQuery基于扩展简单实现倒计时功能的方法
May 14 Javascript
基于vue.js实现侧边菜单栏
Mar 20 Javascript
webpack配置proxyTable时pathRewrite无效的解决方法
Dec 13 Javascript
基于JS实现简单滑块拼图游戏
Oct 12 Javascript
微信小程序可滑动月日历组件使用详解
Oct 21 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 程式大小
2006/12/06 PHP
PHP编码转换
2012/11/05 PHP
ThinkPHP3.1新特性之Action参数绑定
2014/06/19 PHP
php二维数组合并及去重复的方法
2015/03/04 PHP
php查询内存信息操作示例
2019/05/09 PHP
通过PHP实现用户注册后邮箱验证激活
2020/11/10 PHP
JS 统计时间
2021/03/09 Javascript
js 巧妙去除数组中的重复项
2010/01/25 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
2013/02/22 Javascript
jQuery的控件及事件(输入控件及回车事件)使用示例
2013/07/25 Javascript
JS实现仿FLASH效果的竖排导航代码
2015/09/15 Javascript
javascript鼠标右键菜单自定义效果
2020/12/08 Javascript
需灵活掌握的Bootstrap预定义排版类 你精通吗?
2016/06/20 Javascript
js检测离开或刷新页面时表单数据是否更改的方法
2016/08/02 Javascript
jQuery绑定事件的四种方式介绍
2016/10/31 Javascript
JS多文件上传的实例代码
2017/01/11 Javascript
使用prop解决一个checkbox选中后再次选中失效的问题
2017/07/05 Javascript
react中的ajax封装实例详解
2017/10/17 Javascript
layui的布局和表格的渲染以及动态生成表格的方法
2019/09/18 Javascript
vue 返回上一页,页面样式错乱的解决
2019/11/14 Javascript
jQuery实现简单三级联动效果
2020/09/05 jQuery
[05:40]DOTA2荣耀之路6:Wings最后进攻
2018/05/30 DOTA
[44:37]完美世界DOTA2联赛PWL S3 Forest vs access 第一场 12.11
2020/12/13 DOTA
Python实现随机选择元素功能
2017/09/14 Python
python使用itchat实现手机控制电脑
2018/02/22 Python
Python namedtuple命名元组实现过程解析
2020/01/08 Python
tensorflow mnist 数据加载实现并画图效果
2020/02/05 Python
Django 实现 Websocket 广播、点对点发送消息的代码
2020/06/03 Python
Python实现http接口自动化测试的示例代码
2020/10/09 Python
css3旋转木马_动力节点Java学院整理
2017/07/12 HTML / CSS
Html5新特性用canvas标签画多条直线附效果截图
2014/06/30 HTML / CSS
巴西女装购物网站:Eclectic
2018/04/24 全球购物
杭州时比特电子有限公司SQL
2013/08/22 面试题
三项教育活动实施方案
2014/03/30 职场文书
2015年幼儿园元旦亲子活动方案
2014/12/09 职场文书
SpringBoot详解自定义Stater的应用
2022/07/15 Java/Android