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 相关文章推荐
json的前台操作和后台操作实现代码
Jan 20 Javascript
使用JQ来编写最基本的淡入淡出效果附演示动画
Oct 31 Javascript
jQuery的Scrollify插件实现滑动到页面下一节点
Jul 05 Javascript
分享javascript、jquery实用代码段
Oct 20 Javascript
在Vue中使用echarts的方法
Feb 05 Javascript
vue使用laydate时间插件的方法
Nov 14 Javascript
Javascript实现动态时钟效果
Nov 17 Javascript
使用异步controller与jQuery实现卷帘式分页
Jun 18 jQuery
vue+element项目中过滤输入框特殊字符小结
Aug 07 Javascript
JavaScript实现好看的跟随彩色气泡效果
Feb 06 Javascript
如何在微信小程序中使用骨架屏的步骤
Jun 12 Javascript
JS JQuery获取data-*属性值方法解析
Sep 01 jQuery
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上传图片类(随机名,缩略图,加水印)
2010/06/30 PHP
php线性表的入栈与出栈实例分析
2015/06/12 PHP
PHP+Mysql+jQuery实现发布微博程序 php篇
2015/10/15 PHP
PHP去除字符串最后一个字符的三种方法实例
2017/03/01 PHP
jQuery live
2009/05/15 Javascript
javascript 获取select下拉列表值的代码
2009/09/07 Javascript
jQuery ajax 路由和过滤器使用说明
2011/08/02 Javascript
基于mootools插件实现遮罩层新手引导
2012/05/24 Javascript
获取内联和链接中的样式(js代码)
2013/04/11 Javascript
js调试工具console.log()方法查看js代码的执行情况
2014/08/08 Javascript
网站基于flash实现的Banner图切换效果代码
2014/10/14 Javascript
JQuery中使用on方法绑定hover事件实例
2014/12/09 Javascript
jquery插件hiAlert实现网页对话框美化
2015/05/03 Javascript
简介JavaScript中的setDate()方法的使用
2015/06/11 Javascript
原生JS下拉加载插件分享
2016/12/26 Javascript
jquery 仿锚点跳转到页面指定位置的实例
2017/02/14 Javascript
jquery简单实现纵向的无缝滚动代码实例
2019/04/01 jQuery
在JavaScript中使用严格模式(Strict Mode)
2019/06/13 Javascript
微信小程序换肤功能实现代码(思路详解)
2020/08/25 Javascript
JavaScript点击按钮生成4位随机验证码
2021/01/28 Javascript
Python3实现发送QQ邮件功能(附件)
2020/12/23 Python
Python cookbook(数据结构与算法)找到最大或最小的N个元素实现方法示例
2018/02/13 Python
基于Django URL传参 FORM表单传数据 get post的用法实例
2018/05/28 Python
Python基于多线程实现ping扫描功能示例
2018/07/23 Python
详解pandas如何去掉、过滤数据集中的某些值或者某些行?
2019/05/15 Python
Django集成搜索引擎Elasticserach的方法示例
2019/06/04 Python
Python多叉树的构造及取出节点数据(treelib)的方法
2019/08/09 Python
关于Numpy中的行向量和列向量详解
2019/11/30 Python
PYcharm 激活方法(推荐)
2020/03/23 Python
全球领先的各类汽车配件零售商:Advance Auto Parts
2016/08/26 全球购物
城市轨道交通工程职业规划书范文
2014/01/18 职场文书
2015高三毕业寄语赠言
2015/02/27 职场文书
党员学习中国梦心得体会
2016/01/05 职场文书
2016党员学习《反对自由主义》心得体会
2016/01/22 职场文书
解析CSS 提取图片主题色功能(小技巧)
2021/05/12 HTML / CSS
html+css实现文字折叠特效实例
2021/06/02 HTML / CSS