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不是基础的基础
Dec 24 Javascript
FormValidate 表单验证功能代码更新并提供下载
Aug 23 Javascript
javascript Excel操作知识点
Apr 24 Javascript
javascript中的107个基础知识收集整理 推荐
Mar 29 Javascript
js代码实现随机颜色的小方块
Jul 30 Javascript
jquery中val()方法是从最后一个选项往前读取的
Sep 06 Javascript
vue刷新和tab切换实例
Feb 11 Javascript
使用layui 渲染table数据表格的实例代码
Aug 19 Javascript
Vue刷新修改页面中数据的方法
Sep 16 Javascript
小程序扫描普通链接二维码跳转小程序指定界面方法
May 07 Javascript
Vue 无限滚动加载指令实现方法
May 28 Javascript
通过GASP让vue实现动态效果实例代码详解
Nov 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如何抛出异常处理错误
2011/03/02 PHP
Drupal7中常用的数据库操作实例
2014/03/02 PHP
ThinkPHP整合百度Ueditor图文教程
2014/10/21 PHP
php+mysql大量用户登录解决方案分析
2014/12/29 PHP
PHP使用GD库制作验证码的方法(点击验证码或看不清会刷新验证码)
2017/08/15 PHP
js select常用操作控制代码
2010/03/16 Javascript
基于jquery的分页控件(C#)
2011/01/06 Javascript
跟我学Nodejs(三)--- Node.js模块
2014/05/25 NodeJs
JQuery 使用attr方法实现下拉列表选中
2014/10/13 Javascript
node.js中的querystring.stringify方法使用说明
2014/12/10 Javascript
js实现选中页面文字将其分享到新浪微博
2015/11/05 Javascript
javascript图片滑动效果实现
2021/01/28 Javascript
详解javascript new的运行机制
2016/01/26 Javascript
深入浅析JS是按值传递还是按引用传递(推荐)
2016/09/18 Javascript
jQuery选择器中的特殊符号处理方法
2017/09/08 jQuery
微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法
2017/12/14 Javascript
vue路由事件beforeRouteLeave及组件内定时器的清除方法
2018/09/29 Javascript
js中apply和call的理解与使用方法
2019/11/27 Javascript
jQuery实现鼠标移入显示蒙版效果
2020/01/11 jQuery
详解VUE中的插值( Interpolation)语法
2020/10/18 Javascript
nodejs中使用worker_threads来创建新的线程的方法
2021/01/22 NodeJs
[03:20]2015国际邀请赛全明星表演赛
2015/08/08 DOTA
Python多线程同步Lock、RLock、Semaphore、Event实例
2014/11/21 Python
Python创建xml的方法
2015/03/10 Python
详解Django中Request对象的相关用法
2015/07/17 Python
Python基于OpenCV实现人脸检测并保存
2019/07/23 Python
Python3如何使用多线程升程序运行速度
2020/08/11 Python
分享CSS3中必须要知道的10个顶级命令
2012/04/26 HTML / CSS
庆祝教师节活动方案
2014/01/31 职场文书
招商专员岗位职责
2014/02/08 职场文书
选秀节目策划方案
2014/06/06 职场文书
小学生十佳少年事迹材料
2014/08/20 职场文书
身边的榜样活动方案
2014/08/20 职场文书
党员干部四风问题整改措施思想汇报
2014/10/12 职场文书
人力资源部岗位职责
2015/02/11 职场文书
六年级作文之自救
2019/12/19 职场文书