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 RegExp方法获取地址栏参数(面向对象)
Mar 10 Javascript
JS随机生成不重复数据的实例方法
Jul 17 Javascript
JS字符串拼接在ie中都报错的解决方法
Mar 27 Javascript
基于Bootstrap框架实现图片切换
Mar 10 Javascript
JS中去掉array中重复元素的方法
May 26 Javascript
微信小程序 页面滑动事件的实例详解
Oct 12 Javascript
详解RequireJs官方使用教程
Oct 31 Javascript
vue中的数据绑定原理的实现
Jul 02 Javascript
JavaScript实现图片懒加载的方法分析
Jul 05 Javascript
Net微信网页开发 使用微信JS-SDK获取当前地理位置过程详解
Aug 26 Javascript
小程序两种滚动公告栏的实现方法
Sep 17 Javascript
javascript实现前端分页效果
Jun 24 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中实现进程间通讯
2006/10/09 PHP
关于PHP中Object对象的笔记分享
2011/06/28 PHP
php守护进程 加linux命令nohup实现任务每秒执行一次
2011/07/04 PHP
php和数据库结合的一个简单的web实例 代码分析 (php初学者)
2011/07/28 PHP
php读取3389的脚本
2014/05/06 PHP
PHP使用PHPExcel实现批量上传到数据库的方法
2017/06/08 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
javascript new后的constructor属性
2010/08/05 Javascript
jquery可见性过滤选择器使用示例
2013/06/24 Javascript
JavaScript中跨域调用Flash的方法
2014/08/11 Javascript
12行javascript代码绘制一个八卦图
2015/04/02 Javascript
JQuery获取鼠标进入和离开容器的方向
2016/12/29 Javascript
jQuery实现大图轮播
2017/02/13 Javascript
使用selenium抓取淘宝的商品信息实例
2018/02/06 Javascript
详解Vue文档中几个易忽视部分的剖析
2018/03/24 Javascript
node.js实现为PDF添加水印的示例代码
2018/12/05 Javascript
今天,小程序正式支持 SVG
2019/04/20 Javascript
vue router总结 $router和$route及router与 router与route区别
2019/07/05 Javascript
jquery实现抽奖功能
2020/10/22 jQuery
javascript实现随机抽奖功能
2020/12/30 Javascript
Python的GUI框架PySide的安装配置教程
2016/02/16 Python
用python编写第一个IDA插件的实例
2018/05/29 Python
pycharm第三方库安装失败的问题及解决经验分享
2020/05/09 Python
浅谈cv2.imread()和keras.preprocessing中的image.load_img()区别
2020/06/12 Python
Bravofly德国:预订廉价航班和酒店
2019/09/22 全球购物
广州盈通面试题
2015/12/05 面试题
茶叶生产计划书
2014/01/10 职场文书
班级入场式解说词
2014/02/01 职场文书
生日礼品店创业计划书范文
2014/03/21 职场文书
节水口号标语
2014/06/19 职场文书
2015年世界无烟日活动总结
2015/02/10 职场文书
2015年企业工作总结范文
2015/04/28 职场文书
2015年端午节活动方案
2015/05/05 职场文书
Vue的生命周期一起来看看
2022/02/24 Vue.js
十大最帅动漫男主 碓冰拓海上榜,第一是《灌篮高手》男主角
2022/03/18 日漫
html原生table实现合并单元格以及合并表头的示例代码
2023/05/07 HTML / CSS