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中SQL语句的应用实现
May 04 Javascript
jquery多浏览器捕捉回车事件代码
Jun 22 Javascript
JS 实现导航栏悬停效果(续)
Sep 24 Javascript
jQuery中获取checkbox选中项等操作及注意事项
Nov 24 Javascript
JS实现灵巧的下拉导航效果代码
Aug 25 Javascript
jQuery解析XML 详解及方法总结
Sep 28 Javascript
JavaScript实现Java中Map容器的方法
Oct 09 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
Jan 12 Javascript
js oncontextmenu事件使用详解
Mar 25 Javascript
koa-router路由参数和前端路由的结合详解
May 19 Javascript
vue实现自定义H5视频播放器的方法步骤
Jul 01 Javascript
vue项目前端微信JSAPI与外部H5支付相关实现过程及常见问题
Apr 14 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
无数据库的详细域名查询程序PHP版(1)
2006/10/09 PHP
又一个php 分页类实现代码
2009/12/03 PHP
PHP的substr_replace将指定两位置之间的字符替换为*号
2011/05/04 PHP
PHP模板引擎Smarty内建函数详解
2016/04/11 PHP
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
2008/11/06 Javascript
javascript 面向对象全新理练之原型继承
2009/12/03 Javascript
jquery Ajax 实现加载数据前动画效果的示例代码
2014/02/07 Javascript
js判断undefined类型示例代码
2014/02/10 Javascript
JS实现仿新浪微博发布内容为空时提示功能代码
2015/08/19 Javascript
使用jquery实现鼠标滑过弹出更多相关信息层附源码下载
2015/11/23 Javascript
js实现文本框输入文字个数限制代码
2015/12/25 Javascript
Javascript removeChild()删除节点及删除子节点的方法
2015/12/27 Javascript
浅析Node.js:DNS模块的使用
2016/11/23 Javascript
微信小程序五星评分效果实现代码
2017/04/06 Javascript
JS 组件系列之 bootstrap treegrid 组件封装过程
2017/04/28 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
2017/10/26 Javascript
jQuery对底部导航进行跳转并高亮显示的实例代码
2019/04/23 jQuery
详解wepy开发小程序踩过的坑(小结)
2019/05/22 Javascript
JS实现纸牌发牌动画
2021/01/19 Javascript
[55:56]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
Python实现在线程里运行scrapy的方法
2015/04/07 Python
python3 json数据格式的转换(dumps/loads的使用、dict to str/str to dict、json字符串/字典的相互转换)
2019/04/01 Python
对python中的控制条件、循环和跳出详解
2019/06/24 Python
tensorflow2.0保存和恢复模型3种方法
2020/02/03 Python
python利用google翻译方法实例(翻译字幕文件)
2020/09/21 Python
详解纯CSS3制作的20种loading动效
2017/07/05 HTML / CSS
HTML5响应式(自适应)网页设计的实现
2017/11/17 HTML / CSS
英国在线泳装店:Simply Swim
2019/05/05 全球购物
精选鞋类、服装和配饰的全球领先目的地:Bodega
2021/02/27 全球购物
用JAVA实现一种排序,JAVA类实现序列化的方法(二种)
2014/04/23 面试题
会计助理的岗位职责
2013/11/29 职场文书
电信营业员自我评价分享
2014/01/17 职场文书
说明书格式及范文
2014/05/07 职场文书
单位承诺书格式
2014/05/21 职场文书
六年级小学生评语
2014/12/26 职场文书
Win11 BitLocker 驱动器加密
2022/04/19 数码科技