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技巧
Dec 06 Javascript
JQuery select标签操作代码段
May 16 Javascript
一样的table?不一样的table(可编辑状态table)
Sep 19 Javascript
javascript简单事件处理和with用法介绍
Sep 16 Javascript
IE下window.onresize 多次调用与死循环bug处理方法介绍
Nov 12 Javascript
教你用javascript实现随机标签云效果_附代码
Mar 16 Javascript
基本DOM节点操作
Jan 17 Javascript
详解vue渲染函数render的使用
Dec 12 Javascript
.vue文件 加scoped 样式不起作用的解决方法
May 28 Javascript
javascript实现图片轮播代码
Jul 09 Javascript
vue+element-ui表格封装tag标签使用插槽
Jun 18 Javascript
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
Feb 26 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类的使用 实例代码讲解
2009/12/28 PHP
PHP set_time_limit(0)长连接的实现分析
2010/03/02 PHP
深入HTTP响应状态码速查表的详解
2013/06/07 PHP
探讨捕获php错误信息方法的详解
2013/06/09 PHP
初识ThinkPHP控制器
2016/04/07 PHP
php设计模式之单例模式代码
2016/06/11 PHP
PHP ADODB实现事务处理功能示例
2018/05/25 PHP
laravel5表单唯一验证的实例代码
2019/09/30 PHP
PHP实现随机发放扑克牌
2020/04/21 PHP
php模拟post提交请求调用接口示例解析
2020/08/07 PHP
网页前台通过js非法字符过滤代码(骂人的话等等)
2010/05/26 Javascript
复制js对象方法(详解)
2013/07/08 Javascript
二叉树的非递归后序遍历算法实例详解
2014/02/07 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
2014/08/01 Javascript
JavaScript语言对Unicode字符集的支持详解
2014/12/30 Javascript
纯javascript代码实现计算器功能(三种方法)
2015/09/07 Javascript
基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询
2016/10/30 Javascript
详谈jQuery中的一些正则匹配表达式
2017/03/08 Javascript
基于jquery实现二级联动效果
2017/03/30 jQuery
简单实现JavaScript弹幕效果
2020/08/27 Javascript
JS控制只能输入数字并且最多允许小数点两位
2019/11/24 Javascript
javascript实现移动端触屏拖拽功能
2020/07/29 Javascript
vue插件--仿微信小程序showModel实现模态提示窗功能
2020/08/19 Javascript
Python的Django框架使用入门指引
2015/04/15 Python
Python实现SMTP发送邮件详细教程
2021/03/02 Python
python音频处理用到的操作的示例代码
2017/10/27 Python
python MysqlDb模块安装及其使用详解
2018/02/23 Python
python数据分析工具之 matplotlib详解
2020/04/09 Python
HTML5 图片预加载的示例代码
2020/03/25 HTML / CSS
面试后感谢信
2014/02/01 职场文书
秸秆管理实施方案
2014/03/15 职场文书
2014年大学生就业规划书
2014/04/04 职场文书
林肯就职演讲稿
2014/05/19 职场文书
党的群众路线教育实践活动个人整改措施范文
2014/11/04 职场文书
入党申请书怎么写?
2019/06/21 职场文书
Golang 实现 WebSockets 之创建 WebSockets
2022/04/24 Golang