JS获取浏览器地址栏的多个参数值的任意值实例代码


Posted in Javascript onJuly 24, 2018

下面通过一段代码给大家介绍js获取浏览器地址栏的多个参数值的任意值,具体代码如下所示:

getParamValue("id");
//http://localhost:2426/TransactionNotes.aspx?id=100
//返回值是100;
// 根据参数名称获取参数值
    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 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;
    }

下面介绍下js获得浏览器地址栏的参数值

1.js中写一个独立的方法

function getQueryStringRegExp(name)
 {
  var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i"); 
  if (reg.test(location.href)) return unescape(RegExp.$2.replace(/\+/g, " ")); return "";
 }

2.取值的时候

var topCateCode=getQueryStringRegExp("topCateCode");

总结

以上所述是小编给大家介绍的JS获取浏览器地址栏的多个参数值的任意值,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery 关于event.target使用的几点说明介绍
Apr 26 Javascript
jquery预览图片实现鼠标放上去显示实际大小
Jan 16 Javascript
javascript修改IMG标签的src问题
Mar 28 Javascript
用jquery仿做发微博功能示例
Apr 18 Javascript
Egret引擎开发指南之创建项目
Sep 03 Javascript
jQuery操作DOM之获取表单控件的值
Jan 23 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
Apr 06 Javascript
基于jQuery实现Tabs选项卡自定义插件
Nov 21 Javascript
Angularjs的$http异步删除数据详解及实例
Jul 27 Javascript
示例vue 的keep-alive缓存功能的实现
Dec 13 Javascript
Vue 无限滚动加载指令实现方法
May 28 Javascript
JavaScript流程控制(分支)
Dec 06 Javascript
JS实现全屏预览F11功能的示例代码
Jul 23 #Javascript
AngularJS ui-router刷新子页面路由的方法
Jul 23 #Javascript
JavaScript求一个数组中重复出现次数最多的元素及其下标位置示例
Jul 23 #Javascript
JS实现简单的星期格式转换功能示例
Jul 23 #Javascript
javascript使用正则实现去掉字符串前面的所有0
Jul 23 #Javascript
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 #jQuery
Vue Element 分组+多选+可搜索Select选择器实现示例
Jul 23 #Javascript
You might like
mysql+php分页类(已测)
2008/03/31 PHP
《PHP编程最快明白》第二讲 数字、浮点、布尔型、字符串和数组
2010/11/01 PHP
php定义参数数量可变的函数用法实例
2015/03/16 PHP
thinkPHP实现多字段模糊匹配查询的方法
2016/12/01 PHP
js中使用DOM复制(克隆)指定节点名数据到新的XML文件中的代码
2011/07/27 Javascript
改进版通过Json对象实现深复制的方法
2012/10/24 Javascript
E3 tree 1.6在Firefox下显示问题的修复方法
2013/01/30 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
2013/06/02 Javascript
javascript生成不重复的随机数
2015/07/17 Javascript
Nodejs实战心得之eventproxy模块控制并发
2015/10/27 NodeJs
mvc中form表单提交的三种方式(推荐)
2016/08/10 Javascript
Jquery Easyui表单组件Form使用详解(30)
2016/12/19 Javascript
jQuery Datatable 多个查询条件自定义提交事件(推荐)
2017/08/24 jQuery
vue中选项卡点击切换且能滑动切换功能的实现代码
2018/11/25 Javascript
Angular2 自定义表单验证器的实现方法
2018/12/14 Javascript
使用easyui从servlet传递json数据到前端页面的两种方法
2019/09/05 Javascript
vue使用showdown并实现代码区域高亮的示例代码
2019/10/17 Javascript
JS前后端实现身份证号验证代码解析
2020/07/23 Javascript
Python动态加载模块的3种方法
2014/11/22 Python
Django中使用locals()函数的技巧
2015/07/16 Python
将Python的Django框架与认证系统整合的方法
2015/07/24 Python
使用Python的package机制如何简化utils包设计详解
2017/12/11 Python
浅谈Python实现贪心算法与活动安排问题
2017/12/19 Python
Python实现的朴素贝叶斯算法经典示例【测试可用】
2018/06/13 Python
Django 多语言教程的实现(i18n)
2018/07/07 Python
Intersport西班牙:在线体育商店
2019/11/06 全球购物
斯福泰克软件测试面试题
2015/02/16 面试题
生物医学工程专业学生求职信范文分享
2013/12/14 职场文书
不同意离婚上诉状
2015/05/23 职场文书
感恩教育观后感
2015/06/17 职场文书
2015年信息化建设工作总结
2015/07/23 职场文书
宾馆安全管理制度
2015/08/06 职场文书
导游带团欢迎词
2015/09/30 职场文书
Redis 配置文件重要属性的具体使用
2021/05/20 Redis
浅谈Python中的正则表达式
2021/06/28 Python
MySQL表锁、行锁、排它锁及共享锁的使用详解
2022/04/02 MySQL