js获取地址栏参数的两种方法


Posted in Javascript onJune 27, 2017

项目中经常遇到获取上个页面跳转过来获取当前的参数

//获取地址栏参数,name:参数名称
 function getUrlParms(name){
   var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
   var r = window.location.search.substr(1).match(reg);
   if(r!=null)
   return unescape(r[2]);
   return null;
   }
var id = getUrlParms("id");

上述方法可以获取地址栏传过来的id,还可以这样写

function getRequest() {
  var url = window.location.search; //获取url中"?"符后的字串
  var theRequest = new Object();
  if (url.indexOf("?") != -1) {
    var str = url.substr(1);
    strs = str.split("&");
    for(var i = 0; i < strs.length; i ++) {
      
      theRequest[strs[i].split("=")[0]]=decodeURI(strs[i].split("=")[1]);
      
    }
  }
  return theRequest;
}
var id= getRequest().id;

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 格式字符串的应用
Mar 29 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
Oct 11 Javascript
js浮点数精确计算(加、减、乘、除)
Dec 26 Javascript
Javascript实现禁止输入中文或英文的例子
Dec 09 Javascript
PHP+jQuery+Ajax实现多图片上传效果
Mar 14 Javascript
js+html5通过canvas指定开始和结束点绘制线条的方法
Jun 05 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
Sep 04 Javascript
jQuery使用EasyUi实现三级联动下拉框效果
Mar 08 Javascript
详解vue.js全局组件和局部组件
Apr 10 Javascript
js正则取值的结果数组调试方法
Oct 10 Javascript
vue canvas绘制矩形并解决由clearRec带来的闪屏问题
Sep 02 Javascript
Nuxt使用Vuex的方法示例
Sep 06 Javascript
React组件之间的通信的实例代码
Jun 27 #Javascript
JS实现图片预览的两种方式
Jun 27 #Javascript
JavaScript转换数据库DateTime字段类型方法
Jun 27 #Javascript
JavaScript标准对象_动力节点Java学院整理
Jun 27 #Javascript
JavaScript闭包_动力节点Java学院整理
Jun 27 #Javascript
JavaScript创建对象_动力节点Java学院整理
Jun 27 #Javascript
JavaScript字符串_动力节点Java学院整理
Jun 27 #Javascript
You might like
B2K与车机的中波PK
2021/03/02 无线电
锁定年轻人的双倍活力 星巴克推出星倍醇即饮浓咖啡
2021/03/03 咖啡文化
PHP连续签到功能实现方法详解
2019/12/04 PHP
基于jquery的jqDnR拖拽溢出的修改
2011/02/12 Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
2014/01/03 Javascript
JavaScript显示当前文档最后修改日期的方法
2015/03/19 Javascript
jQuery实现限制文本框的输入长度
2017/01/11 Javascript
js中Number数字数值运算后值不对的解决方法
2017/02/28 Javascript
vue3.0 CLI - 3.2 路由的初级使用教程
2018/09/20 Javascript
angular 实现同步验证器跨字段验证的方法
2019/04/11 Javascript
Vue-cli3简单使用(图文步骤)
2019/04/30 Javascript
浅谈Vue.use到底是什么鬼
2020/01/21 Javascript
vue 使用v-for进行循环的实例代码详解
2020/02/19 Javascript
JavaScript实现动态留言板
2020/03/16 Javascript
JS实现随机点名器
2020/04/12 Javascript
[13:18]《一刀刀一天》之DOTA全时刻21:详解TI新赛制 A队再露獠牙
2014/06/24 DOTA
详细讲解Python中的文件I/O操作
2015/05/24 Python
python之PyMongo使用总结
2017/05/26 Python
pandas中apply和transform方法的性能比较及区别介绍
2018/10/30 Python
Python数据类型之Set集合实例详解
2019/05/07 Python
学习Django知识点分享
2019/09/11 Python
django 文件上传功能的相关实例代码(简单易懂)
2020/01/22 Python
利用Python实现Json序列化库的方法步骤
2020/09/09 Python
详解CSS3中nth-child与nth-of-type的区别
2017/01/05 HTML / CSS
Sunglasses Shop德国站:欧洲排名第一的太阳镜网站
2017/08/01 全球购物
美国沙龙美发产品购物网站:Hair.com by L’Oreal
2020/11/09 全球购物
简单说下OSPF的操作过程
2014/08/13 面试题
电气自动化大学生求职信
2013/10/16 职场文书
公司营业员的自我评价
2014/03/04 职场文书
马智宇婚礼主持词
2014/03/22 职场文书
优秀少先队大队辅导员事迹材料
2014/05/04 职场文书
体现团队精神的口号
2014/06/06 职场文书
业务员岗位职责
2015/02/03 职场文书
廉洁自律准则学习心得体会
2016/01/13 职场文书
如何开发一个渐进式Web应用程序PWA
2021/05/10 Javascript
python之np.argmax()及对axis=0或者1的理解
2021/06/02 Python