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 入门讲解1
Apr 15 Javascript
js 创建快捷方式的代码(fso)
Nov 19 Javascript
使用JavaScript动态设置样式实现代码及演示动画
Jan 25 Javascript
js和jquery如何获取图片真实的宽度和高度
Sep 28 Javascript
javascript中tostring()和valueof()的用法及两者的区别
Nov 16 Javascript
js实现淡入淡出轮播切换功能
Jan 13 Javascript
浅谈箭头函数写法在ReactJs中的使用
Aug 22 Javascript
详解刷新页面vuex数据不消失和不跳转页面的解决
Jan 30 Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
Nov 13 Javascript
Node.js 深度调试方法解析
Jul 28 Javascript
vue 监听 Treeselect 选择项的改变操作
Aug 31 Javascript
Vue.js中v-bind指令的用法介绍
Mar 13 Vue.js
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 explode()函数的几个应用和implode()函数有什么区别
2015/11/05 PHP
PHP编程之设置apache虚拟目录
2016/07/08 PHP
小议Javascript中的this指针
2010/03/18 Javascript
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
2010/04/25 Javascript
js模仿html5 placeholder适应于不支持的浏览器
2013/01/13 Javascript
热点新闻滚动特效的js代码
2013/08/17 Javascript
jquery 清空file域示例(兼容个浏览器)
2013/10/11 Javascript
js函数返回多个返回值的示例代码
2013/11/05 Javascript
页面图片浮动左右滑动效果的简单实现案例
2014/02/10 Javascript
javascript获取form里的表单元素的示例代码
2014/02/14 Javascript
实例说明为什么不要行内使用javascript
2014/04/18 Javascript
JQuery中$.each 和$(selector).each()的区别详解
2015/03/13 Javascript
JS实现网页游戏中滑块响应鼠标点击移动效果
2015/10/19 Javascript
jQuery xml字符串的解析、读取及查找方法
2016/03/01 Javascript
AngularJs  unit-testing(单元测试)详解
2016/09/02 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
2017/03/27 Javascript
详解Vue 2.0封装axios笔记
2017/06/22 Javascript
js+html5实现页面可刷新的倒计时效果
2017/07/15 Javascript
JS为什么说async/await是generator的语法糖详解
2019/07/11 Javascript
vue+eslint+vscode配置教程
2019/08/09 Javascript
layui table复选框禁止某几条勾选的实例
2019/09/20 Javascript
vue.js iview打包上线后字体图标不显示解决办法
2020/01/20 Javascript
[01:46]DOTA2上海特锦赛小组赛英文解说KotlGuy采访
2016/02/27 DOTA
Python部署web开发程序的几种方法
2017/05/05 Python
PyQt5多线程刷新界面防假死示例
2019/12/13 Python
Python文本处理简单易懂方法解析
2019/12/19 Python
解决pyqt5异常退出无提示信息的问题
2020/04/08 Python
欧缇丽英国官方网站:Caudalie英国
2016/08/17 全球购物
世界上最大的乐器零售商:Guitar Center
2017/11/07 全球购物
Boden英国官网:英国知名原创时装品牌
2018/11/06 全球购物
Linux如何压缩可执行文件
2014/03/27 面试题
描述JSP和Servlet的区别、共同点、各自应用的范围
2012/10/02 面试题
记帐员岗位责任制
2014/02/08 职场文书
酒店保安领班职务说明书
2014/03/04 职场文书
校庆标语集锦
2014/06/25 职场文书
家长会感言
2015/08/01 职场文书