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优缺点分析说明
Jun 09 Javascript
Dom 学习总结以及实例的使用介绍
Apr 24 Javascript
jquery改变tr背景色的示例代码
Dec 28 Javascript
JS小游戏之仙剑翻牌源码详解
Sep 25 Javascript
JS匿名函数实例分析
Nov 26 Javascript
js实现音频控制进度条功能
Apr 01 Javascript
javascript中一些奇葩的日期换算方法总结
Nov 14 Javascript
浅谈Javascript常用正则表达式应用
Mar 08 Javascript
NUXT SSR初级入门笔记(小结)
Dec 16 Javascript
ES6中Promise的使用方法实例总结
Feb 18 Javascript
vue3为什么要用proxy替代defineProperty
Oct 19 Javascript
利用JavaScript为句子加标题的3种方法示例
Jan 05 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/10/09 PHP
解析VS2010利用VS.PHP插件调试PHP的方法
2013/07/19 PHP
Chrome Web App开发小结
2014/09/04 PHP
php单文件版在线代码编辑器
2015/03/12 PHP
javascript的函数
2007/01/31 Javascript
javascript知识点收藏
2007/02/22 Javascript
JavaScript 类似flash效果的立体图片浏览器
2010/02/08 Javascript
浅析Node.js查找字符串功能
2014/09/03 Javascript
jQuery学习笔记之基础中的基础
2015/01/19 Javascript
javascript操作表格排序实例分析
2015/05/06 Javascript
JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
2015/08/06 Javascript
js实现密码强度检测【附示例】
2016/03/30 Javascript
Asp.Net之JS生成分页条的方法
2016/11/23 Javascript
基于node.js制作简单爬虫教程
2017/06/29 Javascript
AngularJS学习笔记之表单验证功能实例详解
2017/07/06 Javascript
nodejs基于WS模块实现WebSocket聊天功能的方法
2018/01/12 NodeJs
小程序实现层叠卡片滑动效果
2019/08/26 Javascript
go语言计算两个时间的时间差方法
2015/03/13 Python
python类:class创建、数据方法属性及访问控制详解
2016/07/25 Python
Django 2.0版本的新特性抢先看!
2018/01/05 Python
利用Pandas和Numpy按时间戳将数据以Groupby方式分组
2019/07/22 Python
通过 Django Pagination 实现简单分页功能
2019/11/11 Python
Python自动化测试笔试面试题精选
2020/03/12 Python
Python爬虫实现vip电影下载的示例代码
2020/04/20 Python
美国家喻户晓的保健品品牌:Vitamin World(维他命世界)
2016/08/19 全球购物
捷克玩具商店:Bambule
2019/02/23 全球购物
校园自助餐厅的创业计划书
2013/12/26 职场文书
暑期研修感言
2014/02/17 职场文书
消防安全责任书
2014/04/14 职场文书
五月的鲜花活动方案
2014/08/21 职场文书
竞选班长演讲稿500字
2014/08/22 职场文书
纪念九一八事变演讲稿1000字
2014/09/14 职场文书
2014年招商引资工作总结
2014/11/22 职场文书
导游词之南京夫子庙
2019/12/09 职场文书
苹果M1芯片安装nginx 并且部署vue项目步骤详解
2021/11/20 Servers
Java Spring读取和存储详细操作
2022/08/05 Java/Android