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 全等号运算符使用说明
May 31 Javascript
JS无限极树形菜单,json格式、数组格式通用示例
Jul 30 Javascript
jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后
Sep 29 Javascript
javascript弹出页面回传值的方法
Jan 28 Javascript
jquery中EasyUI实现同步树
Mar 01 Javascript
JS+CSS模拟可以无刷新显示内容的留言板实例
Mar 03 Javascript
JavaScript中cookie工具函数封装的示例代码
Oct 11 Javascript
react开发教程之React 组件之间的通信方式
Aug 12 Javascript
vue中v-text / v-html使用实例代码详解
Apr 02 Javascript
基于JavaScript实现贪吃蛇游戏
Mar 16 Javascript
js实现简单的贪吃蛇游戏
Apr 23 Javascript
vue项目中微信登录的实现操作
Sep 08 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
利用文件属性结合Session实现在线人数统计
2006/10/09 PHP
linux下编译安装memcached服务
2014/08/03 PHP
PHP获取不了React Native Fecth参数的解决办法
2016/08/26 PHP
PHP之认识(二)关于Traits的用法详解
2019/04/11 PHP
广告切换效果(缓动切换)
2009/05/27 Javascript
js获取url传值的方法
2015/12/18 Javascript
浅析AngularJS Filter用法
2015/12/28 Javascript
AngularJS 中文API参考手册
2016/07/28 Javascript
TypeScript入门-基本数据类型
2017/03/28 Javascript
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
2017/03/30 Javascript
浅谈react 同构之样式直出
2017/11/07 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
2018/03/06 Javascript
实战node静态文件服务器的示例代码
2018/03/08 Javascript
深入浅析javascript函数中with
2018/10/28 Javascript
一步步教你利用Docker设置Node.js
2018/11/20 Javascript
Three.JS实现三维场景
2018/12/30 Javascript
node.js命令行教程图文详解
2019/05/27 Javascript
layui表格分页 记录勾选的实例
2019/09/02 Javascript
深入理解javascript prototype的相关知识
2019/09/19 Javascript
微信小程序后端实现授权登录
2020/02/24 Javascript
Python运算符重载用法实例
2015/05/28 Python
Python制作豆瓣图片的爬虫
2017/12/28 Python
Python简单计算文件MD5值的方法示例
2018/04/11 Python
Window环境下Scrapy开发环境搭建
2018/11/18 Python
Python实现搜索算法的实例代码
2020/01/02 Python
Django中modelform组件实例用法总结
2020/02/10 Python
pip已经安装好第三方库但pycharm中import时还是标红的解决方案
2020/10/09 Python
基于Python模拟浏览器发送http请求
2020/11/06 Python
Python调用飞书发送消息的示例
2020/11/10 Python
某公司的.net工程师面试题笔试题
2013/11/22 面试题
公益活动邀请函
2014/02/05 职场文书
初中三年毕业生的自我评价分享
2014/02/14 职场文书
奠基仪式主持词
2014/03/20 职场文书
教师敬业奉献模范事迹材料
2014/05/18 职场文书
OpenCV-Python模板匹配人眼的实例
2021/06/08 Python
MySQL索引失效十种场景与优化方案
2023/05/08 MySQL