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 相关文章推荐
原生js实现给指定元素的后面追加内容
Apr 10 Javascript
jquery中常用的函数和属性详细解析
Mar 07 Javascript
Jquery自定义button按钮的几种方法
Jun 11 Javascript
防止登录页面出现在frame中js代码
Jul 22 Javascript
jquery bind(click)传参让列表中每行绑定一个事件
Aug 06 Javascript
jquery向上向下取整适合分页查询
Sep 06 Javascript
node.js中实现同步操作的3种实现方法
Dec 05 Javascript
JavaScript中获取Radio被选中的值
Nov 11 Javascript
vue.js 1.x与2.0中js实时监听input值的变化
Mar 15 Javascript
vue实现简单学生信息管理
May 30 Javascript
LayUI+Shiro实现动态菜单并记住菜单收展的示例
May 06 Javascript
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
Apr 24 Vue.js
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
PHP 字符串 小常识
2009/06/05 PHP
js类 from qq
2006/11/13 Javascript
jQuery 隔行换色 支持键盘上下键,按Enter选定值
2009/08/02 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
2013/12/05 Javascript
php,js,css字符串截取的办法集锦
2014/09/26 Javascript
用简洁的jQuery方法toggleClass实现隔行换色
2014/10/22 Javascript
javascript折半查找详解
2015/01/26 Javascript
JavaScript中的关联数组问题
2015/03/04 Javascript
以JavaScript来实现WordPress中的二级导航菜单的方法
2015/12/14 Javascript
JavaScript实现输入框(密码框)出现提示语
2016/01/12 Javascript
浅谈js数据类型判断与数组判断
2016/08/29 Javascript
将form表单通过ajax实现无刷新提交的简单实例
2016/10/12 Javascript
浏览器调试动态js脚本的方法(图解)
2018/01/19 Javascript
Vue项目中跨域问题解决方案
2018/06/05 Javascript
jQuery实现文本显示一段时间后隐藏的方法分析
2019/06/20 jQuery
vue+element获取el-table某行的下标,根据下标操作数组对象方式
2020/08/07 Javascript
[01:00:52]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第一场
2018/04/05 DOTA
[04:50]2019DOTA2高校联赛秋季赛四强集锦
2019/12/27 DOTA
python中合并两个文本文件并按照姓名首字母排序的例子
2014/04/25 Python
跟老齐学Python之永远强大的函数
2014/09/14 Python
Python中使用语句导入模块或包的机制研究
2015/03/30 Python
两个使用Python脚本操作文件的小示例分享
2015/08/27 Python
详解Django之auth模块(用户认证)
2018/04/17 Python
Python使用itertools模块实现排列组合功能示例
2018/07/02 Python
python selenium爬取斗鱼所有直播房间信息过程详解
2019/08/09 Python
在python中logger setlevel没有生效的解决
2020/02/21 Python
深入理解Python 多线程
2020/06/16 Python
python按顺序重命名文件并分类转移到各个文件夹中的实现代码
2020/07/21 Python
python Protobuf定义消息类型知识点讲解
2021/03/02 Python
canvas绘制表情包的示例代码
2018/07/09 HTML / CSS
美国网上眼镜供应商:LEOTONY(眼镜、RX太阳镜和太阳镜)
2017/10/31 全球购物
医德医风演讲稿
2014/05/20 职场文书
2016年社区党支部公开承诺书
2016/03/25 职场文书
Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)
2021/06/07 Python
Go Plugins插件的实现方式
2021/08/07 Golang
PostgreSQL数据库去除重复数据和运算符的基本查询操作
2022/04/12 PostgreSQL