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代码
Aug 25 Javascript
浅析jQuery中常用的元素查找方法总结
Jul 04 Javascript
浅谈Javascript的静态属性和原型属性
May 07 Javascript
JavaScript中的getDay()方法使用详解
Jun 09 Javascript
jquery实现简单手风琴菜单效果实例
Jun 13 Javascript
易操作的jQuery表单提示插件
Dec 01 Javascript
浅析JS异步加载进度条
May 05 Javascript
Bootstrap文件上传组件之bootstrap fileinput
Nov 25 Javascript
Vue组件通信之Bus的具体使用
Dec 28 Javascript
详解如何在项目中使用jest测试react native组件
Feb 09 Javascript
jQuery实现为动态添加的元素绑定事件实例分析
Sep 07 jQuery
浅谈JavaScript面向对象--继承
Mar 20 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字符转义相关函数小结(php下的转义字符串)
2007/04/12 PHP
关于Intype一些小问题的解决办法
2008/03/28 PHP
Trying to clone an uncloneable object of class Imagic的解决方法
2012/01/11 PHP
浅析PHP编程中10个最常见的错误
2014/08/08 PHP
php实现映射操作实例详解
2019/10/02 PHP
php use和include区别总结
2019/10/13 PHP
JS控件autocomplete 0.11演示及下载 1月5日已更新
2007/01/09 Javascript
NodeJS使用jQuery选择器操作DOM
2015/02/13 NodeJs
javascript计时器详解
2015/02/28 Javascript
javascript实现简单的省市区三级联动
2015/05/14 Javascript
jquery 重写 ajax提交并判断权限后 使用load方法报错解决方法
2016/01/19 Javascript
javascript原型继承工作原理和实例详解
2016/04/07 Javascript
轻松掌握JavaScript单例模式
2016/08/25 Javascript
详解webpack的配置文件entry与output
2017/08/21 Javascript
vue引入jq插件的实例讲解
2017/09/12 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
2017/10/19 Javascript
Vue单页面应用保证F5强刷不清空数据的解决方案
2018/01/31 Javascript
vue移动端项目缓存问题实践记录
2018/10/29 Javascript
监控Nodejs的性能实例代码
2019/07/02 NodeJs
nestjs中异常过滤器Exceptionfilter的具体使用
2021/02/07 Javascript
wxPython框架类和面板类的使用实例
2014/09/28 Python
Python中利用sorted()函数排序的简单教程
2015/04/27 Python
浅谈function(函数)中的动态参数
2017/04/30 Python
利用python微信库itchat实现微信自动回复功能
2017/05/18 Python
java中两个byte数组实现合并的示例
2018/05/09 Python
opencv python 基于KNN的手写体识别的实例
2018/08/03 Python
Python对excel的基本操作方法
2021/02/18 Python
SmartBuyGlasses英国:购买太阳镜和眼镜
2018/01/29 全球购物
获取邓白氏信用报告:Dun & Bradstreet
2019/01/22 全球购物
French Connection官网:女装、男装及家居用品
2019/03/18 全球购物
政府四风问题整改措施
2014/10/04 职场文书
六一儿童节标语
2014/10/08 职场文书
英文感谢信范文
2015/01/21 职场文书
中学推普周活动总结
2015/05/07 职场文书
教研活动主持词
2015/07/03 职场文书
企业安全生产规章制度
2015/08/06 职场文书