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语言本身谈项目实战
Dec 27 Javascript
jquery异步调用页面后台方法&amp;#8207;(asp.net)
Mar 01 Javascript
始终在屏幕中间显示Div的代码(css+js)
Mar 10 Javascript
jquery清空表单数据示例分享
Feb 13 Javascript
js获取IP地址的方法小结
Jul 01 Javascript
JavaScript中的console.dir()函数介绍
Dec 29 Javascript
详解Bootstrap按钮
Jan 04 Javascript
jQuery Easyui 下拉树组件combotree
Dec 16 Javascript
微信小程序组件之srcoll-view的详解
Oct 19 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
Jul 19 Javascript
js实现数字从零慢慢增加到指定数字示例
Nov 07 Javascript
vue自定义标签和单页面多路由的实现代码
May 03 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
点评山进PR-D3L三波段收音机
2021/03/02 无线电
php对文件进行hash运算的方法
2015/04/03 PHP
Javascript基础之数组的使用
2016/05/13 Javascript
在网页中插入百度地图的步骤详解
2016/12/02 Javascript
jQuery Validate 无法验证 chosen-select元素的解决方法
2017/05/17 jQuery
vue教程之toast弹框全局调用示例详解
2020/08/24 Javascript
JavaScript中运算符规则和隐式类型转换示例详解
2017/09/06 Javascript
react-native-video实现视频全屏播放的方法
2018/03/19 Javascript
官方推荐react-navigation的具体使用详解
2018/05/08 Javascript
JS实现图片转换成base64的各种应用场景实例分析
2018/06/22 Javascript
vue 表单验证按钮事件交由父组件触发的方法
2018/12/17 Javascript
微信小程序实现banner图轮播效果
2020/06/28 Javascript
微信小程序 如何保持登录状态
2019/08/16 Javascript
vue组件中传值EventBus的使用及注意事项说明
2020/11/16 Javascript
[57:59]完美世界DOTA2联赛循环赛 Ink Ice vs LBZS BO2第一场 11.05
2020/11/05 DOTA
[08:56]DOTA2-DPC中国联赛2月23日Recap集锦
2021/03/11 DOTA
在Python中使用lambda高效操作列表的教程
2015/04/24 Python
介绍Python中的文档测试模块
2015/04/28 Python
Python 专题六 局部变量、全局变量global、导入模块变量
2017/03/20 Python
Anaconda多环境多版本python配置操作方法
2017/09/12 Python
在Pycharm中调试Django项目程序的操作方法
2019/07/17 Python
Django RBAC权限管理设计过程详解
2019/08/06 Python
更新pip3与pyttsx3文字语音转换的实现方法
2019/08/08 Python
Python3和PyCharm安装与环境配置【图文教程】
2020/02/14 Python
jupyternotebook 撤销删除的操作方式
2020/04/17 Python
css3制作动态进度条以及附加jQuery百分比数字显示
2012/12/13 HTML / CSS
详解如何解决canvas图片getImageData,toDataURL跨域问题
2018/09/17 HTML / CSS
比较基础的php面试题及答案-填空题
2014/04/26 面试题
广州盈通面试题
2015/12/05 面试题
实习生个人找工作的自我评价
2013/10/30 职场文书
岗位职责的定义
2013/11/10 职场文书
自我评价范文分享
2014/01/04 职场文书
2014最新党员批评与自我批评材料
2014/09/24 职场文书
导师鉴定意见
2015/06/05 职场文书
城南旧事观后感
2015/06/11 职场文书
微信小程序结合ThinkPHP5授权登陆后获取手机号
2021/11/23 PHP