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 相关文章推荐
fromCharCode和charCodeAt 方法
Dec 27 Javascript
Javascript中Event属性搜集整理
Sep 17 Javascript
18个非常棒的jQuery代码片段
Nov 02 Javascript
继续学习javascript闭包
Dec 03 Javascript
JavaScript的设计模式经典之代理模式
Feb 24 Javascript
getElementById().innerHTML与getElementById().value的区别
Oct 27 Javascript
JS简单实现数组去重的方法示例
Mar 27 Javascript
基于JavaScript实现飘落星星特效
Aug 10 Javascript
Vue起步(无cli)的啊教程详解
Apr 11 Javascript
vue3自定义dialog、modal组件的方法
Jan 04 Vue.js
vue常用高阶函数及综合实例
Feb 25 Vue.js
vue2的 router在使用过程中遇到的一些问题
Apr 13 Vue.js
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批量删除数据
2007/01/18 PHP
dede3.1分页文字采集过滤规则详说(图文教程)续二
2007/04/03 PHP
实用函数3
2007/11/08 PHP
PHP+Mysql+jQuery实现动态展示信息
2011/10/08 PHP
js/html光标定位的实现代码
2013/09/23 Javascript
使用JS CSS去除IE链接虚线框的三种方法
2013/11/14 Javascript
ionic2屏幕适配实现适配手机、平板等设备的示例代码
2017/08/11 Javascript
AjaxUpLoad.js实现文件上传功能
2018/03/02 Javascript
Vue-cli3项目配置Vue.config.js实战记录
2018/07/29 Javascript
webpack4 SCSS提取和懒加载的示例
2018/09/03 Javascript
微信小程序实现点赞、取消点赞功能
2018/11/02 Javascript
微信小程序云开发之数据库操作
2019/05/18 Javascript
vue实现滑动超出指定距离回顶部功能
2019/07/31 Javascript
详解package.json版本号规则
2019/08/01 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
2020/11/05 Javascript
Vue——前端生成二维码的示例
2020/12/19 Vue.js
python通过加号运算符操作列表的方法
2015/07/28 Python
python如何获取服务器硬件信息
2017/05/11 Python
解决python中无法自动补全代码的问题
2018/12/04 Python
Python参数解析模块sys、getopt、argparse使用与对比分析
2019/04/02 Python
详解PANDAS 数据合并与重塑(join/merge篇)
2019/07/09 Python
使用TensorFlow实现简单线性回归模型
2019/07/19 Python
利用python中集合的唯一性实现去重
2020/02/11 Python
解决pytorch-yolov3 train 报错的问题
2020/02/18 Python
使用celery和Django处理异步任务的流程分析
2020/02/19 Python
python字典的值可以修改吗
2020/06/29 Python
Aosom西班牙:家具在线商店
2020/06/11 全球购物
心得体会开头
2014/01/01 职场文书
竞选团支书演讲稿
2014/04/28 职场文书
法制宣传标语集锦
2014/06/25 职场文书
自愿解除劳动合同协议书
2014/09/11 职场文书
外贸业务员岗位职责
2015/02/13 职场文书
2019升学宴主持词范本5篇
2019/10/09 职场文书
详细总结Python常见的安全问题
2021/05/21 Python
解决numpy和torch数据类型转化的问题
2021/05/23 Python
Java+swing实现抖音上的表白程序详解
2022/06/25 Java/Android