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 textarea的长度进行验证
May 06 Javascript
jquery实现多级下拉菜单的实例代码
Oct 02 Javascript
PHP abstract与interface之间的区别
Nov 11 Javascript
使用js实现关闭js弹出层的窗口
Feb 10 Javascript
JS实现静止元素自动移动示例
Apr 14 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
Jul 02 Javascript
Bootstrap每天必学之模态框(Modal)插件
Apr 26 Javascript
JavaScript中Array的实用操作技巧分享
Sep 11 Javascript
不使用script导入js文件的几种方法
Oct 27 Javascript
基于Vuejs和Element的注册插件的编写方法
Jul 03 Javascript
vue中实现图片压缩 file文件的方法
May 28 Javascript
vue 中使用print.js导出pdf操作
Nov 13 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 CURL用法的深入分析
2013/06/09 PHP
PHP通过内置函数memory_get_usage()获取内存使用情况
2014/11/20 PHP
PHP sleep()函数, usleep()函数
2016/08/25 PHP
javascript中数组array及string的方法总结
2014/11/28 Javascript
使用AngularJS制作一个简单的RSS阅读器的教程
2015/06/18 Javascript
AngularJS转换响应内容
2016/01/27 Javascript
javascript设计模式Constructor(构造器)模式
2016/08/19 Javascript
浅谈JavaScript 函数参数传递到底是值传递还是引用传递
2016/08/23 Javascript
AngularJs 国际化(I18n/L10n)详解
2016/09/01 Javascript
AngularJS监听路由的变化示例代码
2016/09/23 Javascript
BootStrap 超链接变按钮的实现方法
2016/09/25 Javascript
jquery实现图片切换代码
2016/10/13 Javascript
jQuery ajax实现省市县三级联动
2021/03/07 Javascript
JavaScript 下载svg图片为png格式
2018/06/21 Javascript
JavaScript函数apply()和call()用法与异同分析
2018/08/10 Javascript
JS实现简易图片自动轮播
2020/10/16 Javascript
JavaScript实现下拉列表
2021/01/20 Javascript
Python实现的ini文件操作类分享
2014/11/20 Python
pymongo给mongodb创建索引的简单实现方法
2015/05/06 Python
python奇偶行分开存储实现代码
2018/03/19 Python
使用Python将字符串转换为格式化的日期时间字符串
2019/09/01 Python
Python代码生成视频的缩略图的实例讲解
2019/12/22 Python
Python自动重新加载模块详解(autoreload module)
2020/04/01 Python
tensorflow pb to tflite 精度下降详解
2020/05/25 Python
CSS3实现滚动条动画效果代码分享
2016/08/03 HTML / CSS
HTML5对手机页面长按会粘贴复制禁用的解决方法
2016/07/19 HTML / CSS
GAP欧盟网上商店:GAP EU
2016/09/13 全球购物
墨西哥网上超市:Superama
2018/07/10 全球购物
英国汽车零件购物网站:GSF Car Parts
2019/05/23 全球购物
飞利信loadrunner和软件测试笔试题
2012/09/22 面试题
采购部部长岗位职责
2014/02/06 职场文书
教育系统干部作风整顿心得体会
2014/09/09 职场文书
四查四看整改措施
2014/09/19 职场文书
带刀到教室的检讨书
2014/10/04 职场文书
辞职信格式范文
2015/05/13 职场文书
通讯稿格式及范文
2015/07/22 职场文书