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 UI Autocomplete 体验分享
Feb 14 Javascript
js 获取后台的字段 改变 checkbox的被选中的状态 代码
Jun 05 Javascript
jquery子元素过滤选择器使用示例
Jun 24 Javascript
页面右下角弹出提示框示例代码js版
Aug 02 Javascript
js实现div闪烁原理及实现代码
Jun 24 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
Dec 25 Javascript
Angular 4.0学习教程之架构详解
Sep 12 Javascript
JQuery选中select组件被选中的值方法
Mar 08 jQuery
微信小程序实现自定义加载图标功能
Jul 19 Javascript
微信小程序Getuserinfo解决方案图解
Aug 24 Javascript
VUE 配置vue-devtools调试工具及安装方法
Sep 30 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
Nov 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生成月历代码
2007/06/14 PHP
PHP获取文件后缀名的三个函数
2012/10/15 PHP
PHP转换IP地址到真实地址的方法详解
2013/06/09 PHP
ThinkPHP学习笔记(一)ThinkPHP部署
2014/06/22 PHP
PHP中使用strpos函数实现屏蔽敏感关键字功能
2014/08/21 PHP
PHP传参之传值与传址的区别
2015/04/24 PHP
Yii实现单用户博客系统文章详情页插入评论表单的方法
2015/12/28 PHP
Yii2设置默认控制器的两种方法
2017/05/19 PHP
javascript当中的代码嗅探扩展原生对象和原型(prototype)
2013/01/11 Javascript
jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
2015/03/16 Javascript
JQuery中DOM加载与事件执行实例分析
2015/06/13 Javascript
第一次接触神奇的Bootstrap表单
2016/07/27 Javascript
用js写的一个路由(简单实例)
2016/09/24 Javascript
js转html实体的方法
2016/09/27 Javascript
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
2018/08/17 Javascript
React父子组件间的传值的方法
2018/11/13 Javascript
vue组件创建的三种方式小结
2020/02/03 Javascript
Numpy array数据的增、删、改、查实例
2018/06/04 Python
Python实现个人微信号自动监控告警的示例
2019/07/03 Python
python的命名规则知识点总结
2019/10/04 Python
对django 2.x版本中models.ForeignKey()外键说明介绍
2020/03/30 Python
Python如何使用ElementTree解析xml
2020/10/12 Python
GoPro摄像机美国官网:美国运动相机厂商
2018/07/03 全球购物
瑞士首家网上药店折扣店:McDrogerie
2020/12/22 全球购物
医学生实习自荐信
2013/10/01 职场文书
《青山处处埋忠骨》教学反思
2014/04/22 职场文书
伊索寓言教学反思
2014/05/01 职场文书
党的群众路线专项整治方案
2014/11/03 职场文书
五年级下册复习计划
2015/01/19 职场文书
代理词怎么写
2015/05/25 职场文书
新郎新娘致辞
2015/07/31 职场文书
小学生禁毒教育心得体会
2016/01/15 职场文书
《梅花魂》教学反思
2016/02/18 职场文书
Jupyter Notebook 如何修改字体和大小以及更改字体样式
2021/06/03 Python
深入浅析python3 依赖倒置原则(示例代码)
2021/07/09 Python
MySql数据库触发器使用教程
2022/06/01 MySQL