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 相关文章推荐
游戏人文件夹程序 ver 4.03
Jul 14 Javascript
实现web打印的各种方法介绍及实现代码
Jan 09 Javascript
JQuery验证工具类搜集整理
Jan 16 Javascript
Javascript弹出窗口的各种方法总结
Nov 11 Javascript
javascript计时器事件使用详解
Jan 07 Javascript
调试JavaScript中正则表达式中遇到的问题
Jan 27 Javascript
js解决movebox移动问题
Mar 29 Javascript
不同js异步函数同步的实现方法
May 28 Javascript
详谈JS中实现种子随机数及作用
Jul 19 Javascript
JS获取当前使用的浏览器名字以及版本号实现方法
Aug 19 Javascript
Angular实现下载安装包的功能代码分享
Sep 05 Javascript
原生js代码能实现call和bind吗
Jul 31 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使用base64加密解密图片示例分享
2014/01/20 PHP
php两点地理坐标距离的计算方法
2018/12/29 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
通过修改referer下载文件的方法
2008/05/11 Javascript
js 点击按钮弹出另一页,选择值后,返回到当前页
2010/05/26 Javascript
Ubuntu 11.10 安装Node.js的方法
2011/11/30 Javascript
js控制浏览器全屏示例代码
2014/02/20 Javascript
jquery实现的导航固定效果
2014/04/28 Javascript
javascript验证身份证号
2015/03/03 Javascript
JavaScript程序设计之JS调试
2015/12/09 Javascript
javascript正则表达式定义(语法)总结
2016/01/08 Javascript
AngularJS身份验证的方法
2016/02/17 Javascript
jQuery+Pdo编写login登陆界面
2016/08/01 Javascript
浅谈jquery上下滑动的注意事项
2016/10/13 Javascript
Bootstrap基本插件学习笔记之按钮(21)
2016/12/08 Javascript
JS实现的DIV块来回滚动效果示例
2017/02/07 Javascript
js实现楼层导航功能
2017/02/23 Javascript
Vue Spa切换页面时更改标题的实例代码
2017/07/15 Javascript
AngularJS对动态增加的DOM实现ng-keyup事件示例
2018/03/12 Javascript
详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)
2019/01/07 Javascript
微信小程序的tab选项卡的实现效果
2019/05/15 Javascript
详解Vue 单文件组件的三种写法
2020/02/19 Javascript
JavaScript中继承原理与用法实例入门
2020/05/09 Javascript
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
2021/01/05 Vue.js
[32:47]完美世界DOTA2联赛 GXR vs IO 第二场 11.07
2020/11/09 DOTA
Python cookbook(数据结构与算法)找出序列中出现次数最多的元素算法示例
2018/03/15 Python
Python基于TCP实现会聊天的小机器人功能示例
2018/04/09 Python
Python基于matplotlib画箱体图检验异常值操作示例【附xls数据文件下载】
2019/01/07 Python
关于python pycharm中输出的内容不全的解决办法
2020/01/10 Python
5款实用的python 工具推荐
2020/10/13 Python
python从PDF中提取数据的示例
2020/10/30 Python
P D PAOLA意大利官网:西班牙著名的珠宝首饰品牌
2019/09/24 全球购物
美国饼干礼物和美食甜点购买网站:Cheryl’s
2020/05/28 全球购物
小学秋季运动会报道稿
2014/09/30 职场文书
自主招生自荐信怎么写
2015/03/24 职场文书
党章学习心得体会2016
2016/01/14 职场文书