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拦截alert对话框另类应用
Jan 16 Javascript
HTML5之WebSocket入门3 -通信模型socket.io
Aug 21 Javascript
javascript获取系统当前时间的方法
Nov 19 Javascript
很棒的js选项卡切换效果
Jul 15 Javascript
基于jQuery实现Accordion手风琴自定义插件
Oct 13 Javascript
js实现文字选中分享功能
Jan 25 Javascript
vue如何从接口请求数据
Jun 22 Javascript
Node.JS中快速扫描端口并发现局域网内的Web服务器地址(80)
Sep 18 Javascript
webuploader分片上传的实现代码(前后端分离)
Sep 10 Javascript
一文快速了解JQuery中的AJAX
May 31 jQuery
vue3实现v-model原理详解
Oct 09 Javascript
解决Vue router-link绑定事件不生效的问题
Jul 22 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临时文件的安全性分析
2014/07/04 PHP
PHP CURL 内存泄露问题解决方法
2015/02/12 PHP
php递归实现无限分类的方法
2015/07/28 PHP
PHP代码优化技巧小结
2015/09/29 PHP
PHP实现的mysql主从数据库状态检测功能示例
2017/07/20 PHP
js replace正则表达式应用案例讲解
2013/01/17 Javascript
Javascript级联下拉菜单以及AJAX数据验证核心代码
2013/05/10 Javascript
JavaScript获取页面中超链接数量的方法
2015/11/09 Javascript
javascript多物体运动实现方法分析
2016/01/08 Javascript
JavaScript 链式结构序列化详解
2016/09/30 Javascript
JS中动态创建元素的三种方法总结(推荐)
2016/10/20 Javascript
浅析JavaScript中作用域和作用域链
2016/12/06 Javascript
JS表单提交验证、input(type=number) 去三角 刷新验证码
2017/06/21 Javascript
vue-router 导航钩子的具体使用方法
2017/08/31 Javascript
JavaScript+CSS相册特效实例代码
2017/09/07 Javascript
react中使用css的7中方式(最全总结)
2019/02/11 Javascript
纯javascript实现选择框的全选与反选功能
2019/04/08 Javascript
jquery validate 实现动态增加/删除验证规则操作示例
2019/10/28 jQuery
详解vue高级特性
2020/06/09 Javascript
python通过yield实现数组全排列的方法
2015/03/18 Python
Python实现豆瓣图片下载的方法
2015/05/25 Python
对numpy中array和asarray的区别详解
2018/04/17 Python
python getpass实现密文实例详解
2019/09/24 Python
Python基于jieba, wordcloud库生成中文词云
2020/05/13 Python
基于Python实现天天酷跑功能
2021/01/06 Python
Django和Ueditor自定义存储上传文件的文件名
2021/02/25 Python
CSS3属性background-size使用指南
2014/12/09 HTML / CSS
达拉斯牛仔官方商店:Dallas Cowboys Pro Shop
2018/02/10 全球购物
AVI-8手表美国官方商店:AVI-8 USA
2019/04/10 全球购物
医学专业毕业生个人求职信
2013/12/25 职场文书
个人安全生产承诺书
2014/05/22 职场文书
中秋晚会策划方案
2014/06/12 职场文书
期末复习计划
2015/01/19 职场文书
看上去很美观后感
2015/06/10 职场文书
Redis入门教程详解
2021/08/30 Redis
SqlServer常用函数及时间处理小结
2023/05/08 SQL Server