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 相关文章推荐
Js nodeType 属性全面解析
Nov 14 Javascript
jquery实现简单实用的弹出层效果代码
Oct 15 Javascript
理解AngularJs指令
Dec 10 Javascript
基于javascript实现tab切换特效
Mar 29 Javascript
JavaScript 字符串常用操作小结(非常实用)
Nov 30 Javascript
Vue.JS入门教程之列表渲染
Dec 01 Javascript
微信小程序中单位rpx和rem的使用
Dec 06 Javascript
js获取指定时间的前几秒
Apr 05 Javascript
jQuery实现的下雪动画效果示例【附源码下载】
Feb 02 jQuery
如何获取TypeScript的声明文件.d.ts
May 01 Javascript
浅析js中mvvm模式实现的原理
Oct 06 Javascript
npm qs模块使用详解
Feb 07 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
印尼林东PWN黄金曼特宁咖啡豆:怎么冲世界上最醇厚的咖啡冲煮教程
2021/03/03 冲泡冲煮
php入门小知识
2008/03/24 PHP
php对数组排序的简单实例
2013/12/25 PHP
PHP错误WARNING: SESSION_START() [FUNCTION.SESSION-START]解决方法
2014/05/04 PHP
微信支付开发订单查询实例
2016/07/12 PHP
yii2 resetful 授权验证详解
2017/05/18 PHP
javascript网页关键字高亮代码
2008/07/30 Javascript
js防止表单重复提交实现代码
2012/09/05 Javascript
关于JavaScript中的关联数组分析
2013/04/09 Javascript
js 图片随机不定向浮动的实现代码
2013/07/02 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
2014/06/05 Javascript
jQuery控制网页打印指定区域的方法
2015/04/07 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
2016/08/06 Javascript
解决AngualrJS页面刷新导致异常显示问题
2017/04/20 Javascript
vue-cli启动本地服务局域网不能访问的原因分析
2018/01/22 Javascript
JS将网址url转化为JSON格式的方法
2018/07/02 Javascript
实例分析vue循环列表动态数据的处理方法
2018/09/28 Javascript
vue中使用vue-cli接入融云实现即时通信
2019/04/19 Javascript
iview实现图片上传功能
2020/06/29 Javascript
夯基础之手撕javascript继承详解
2020/11/09 Javascript
[03:06]V社市场总监Dota2项目负责人Erik专访:希望更多中国玩家加入DOTA2
2014/07/11 DOTA
[04:22]DOTA2上海特级锦标赛主赛事第四日TOP10
2016/03/06 DOTA
web.py中调用文件夹内模板的方法
2014/08/26 Python
python3 求约数的实例
2019/12/05 Python
pytorch Dataset,DataLoader产生自定义的训练数据案例
2021/03/03 Python
使用html2canvas将页面转成图并使用用canvas2image下载
2019/04/04 HTML / CSS
德国滑雪和户外用品网上商店:XSPO
2019/10/30 全球购物
资生堂英国官网:Shiseido英国
2020/12/30 全球购物
2013年入党人员的自我鉴定
2013/10/25 职场文书
学前教育求职自荐信范文
2013/12/25 职场文书
趣味运动会策划方案
2014/06/02 职场文书
证券区域经理岗位职责
2015/04/10 职场文书
高中生军训感言
2015/08/01 职场文书
防震减灾主题班会
2015/08/14 职场文书
干部外出学习心得体会
2016/01/18 职场文书
Linux安装Docker详细教程
2022/07/07 Servers