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 相关文章推荐
使弱类型的语言JavaScript变强势
Jun 22 Javascript
Jquery AJAX POST与GET之间的区别
Nov 14 Javascript
原生JS绑定滑轮滚动事件兼容常见浏览器
Jun 30 Javascript
JQuery实现防止退格键返回的方法
Feb 12 Javascript
jquery判断iPhone、Android设备类型
Sep 14 Javascript
js实现非常棒的弹出div
Oct 06 Javascript
JS新包管理工具yarn和npm的对比与使用入门
Dec 09 Javascript
浅谈Node模块系统及其模式
Nov 17 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
Apr 13 Javascript
详解vue路由
Aug 05 Javascript
解决vue初始化项目一直停在downloading template的问题
Nov 09 Javascript
详解Vue数据驱动原理
Nov 17 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
PHP提取字符串中的图片地址[正则表达式]
2011/11/12 PHP
PHP 第二节 数据类型之转换
2012/04/28 PHP
BOOM vs RR BO5 第四场 2.14
2021/03/10 DOTA
asp.net下利用js实现返回上一页的实现方法小集
2009/11/24 Javascript
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
2013/08/05 Javascript
js控制淡入淡出示例代码
2013/11/12 Javascript
ie8下修改input的type属性报错的解决方法
2014/09/16 Javascript
js给selected添加options的方法
2015/05/06 Javascript
js预加载图片方法汇总
2015/06/15 Javascript
js判断浏览器类型及设备(移动页面开发)
2015/07/30 Javascript
jQuery Ajax传值到Servlet出现乱码问题的解决方法
2016/10/09 Javascript
vue2.0的contextmenu右键弹出菜单的实例代码
2017/07/24 Javascript
bootstrap table服务端实现分页效果
2017/08/10 Javascript
jquery操作ul的一些操作笔记整理(干货)
2017/08/31 jQuery
微信小程序scroll-view组件实现滚动动画
2018/01/31 Javascript
Node.js事件的正确使用方法
2019/04/05 Javascript
浅谈Vue使用Cascader级联选择器数据回显中的坑
2020/10/31 Javascript
Python解惑之True和False详解
2017/04/24 Python
python通过微信发送邮件实现电脑关机
2018/06/20 Python
python  创建一个保留重复值的列表的补码
2018/10/15 Python
python消费kafka数据批量插入到es的方法
2018/12/27 Python
手把手教你使用Python创建微信机器人
2019/04/29 Python
python实现视频分帧效果
2019/05/31 Python
python命令 -u参数用法解析
2019/10/24 Python
Python如何实现定时器功能
2020/05/28 Python
关于多种方式完美解决Python pip命令下载第三方库的问题
2020/12/21 Python
澳大利亚家具商店:Freedom
2020/12/17 全球购物
Linux文件系统类型
2012/02/15 面试题
个人自我鉴定总结
2014/03/25 职场文书
毕业寄语大全
2014/04/09 职场文书
反邪教警示教育方案
2014/05/13 职场文书
学校师德承诺书
2014/05/23 职场文书
论群众路线学习心得体会
2014/10/31 职场文书
政协常委会议主持词
2015/07/03 职场文书
中学总务处工作总结
2015/08/12 职场文书
实用干货:敬酒词大全,帮你应付各种场合
2019/11/21 职场文书