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模拟实现Array的sort方法
Dec 11 Javascript
jQuery Selector选择器小结
May 06 Javascript
自定义右键属性覆盖浏览器默认右键行为实现代码
Feb 02 Javascript
Javascript中封装window.open解决不兼容问题
Sep 28 Javascript
微信小程序 input输入框控件详解及实例(多种示例)
Dec 14 Javascript
vue路由跳转时判断用户是否登录功能的实现
Oct 26 Javascript
vue-router配合ElementUI实现导航的实例
Feb 11 Javascript
详解微信小程序支付流程与梳理
Jul 16 Javascript
JQuery 实现文件下载的常用方法分析
Oct 29 jQuery
Javascript var变量删除原理及实现
Aug 26 Javascript
在react项目中使用antd的form组件,动态设置input框的值
Oct 24 Javascript
angular8.5集成TinyMce5的使用和详细配置(推荐)
Nov 16 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学习笔记 数组的常用函数
2011/06/13 PHP
PHP+JS三级菜单联动菜单实现方法
2016/02/24 PHP
ThinkPHP 3使用OSS的方法
2018/07/19 PHP
提交表单时执行func方法实现代码
2013/03/17 Javascript
事件冒泡是什么如何用jquery阻止事件冒泡
2013/03/20 Javascript
10个JavaScript中易犯小错误
2016/02/14 Javascript
JavaScript构建自己的对象示例
2016/11/29 Javascript
angular和BootStrap3实现购物车功能
2017/01/25 Javascript
原生js仿淘宝网商品放大镜效果
2017/02/28 Javascript
Angularjs使用过滤器完成排序功能
2017/09/20 Javascript
promise和co搭配生成器函数方式解决js代码异步流程的比较
2018/05/25 Javascript
对angular4子路由&amp;辅助路由详解
2018/10/09 Javascript
vue elementUI table表格数据 滚动懒加载的实现方法
2019/04/04 Javascript
localstorage实现带过期时间的缓存功能
2019/06/28 Javascript
vue.js实现简单的计算器功能
2020/02/22 Javascript
Python的组合模式与责任链模式编程示例
2016/02/02 Python
Python连接mysql数据库的正确姿势
2016/02/03 Python
pip matplotlib报错equired packages can not be built解决
2018/01/06 Python
用tensorflow实现弹性网络回归算法
2018/01/09 Python
python互斥锁、加锁、同步机制、异步通信知识总结
2018/02/11 Python
Python中函数的基本定义与调用及内置函数详解
2019/05/13 Python
基于Python实现剪切板实时监控方法解析
2019/09/11 Python
python能做什么 python的含义
2019/10/12 Python
python 多维高斯分布数据生成方式
2019/12/09 Python
django列表筛选功能的实现代码
2020/03/27 Python
Python中socket网络通信是干嘛的
2020/05/27 Python
使用CSS变量实现炫酷惊人的悬浮效果
2019/04/26 HTML / CSS
华丽的手绘陶瓷:MacKenzie-Childs
2017/02/04 全球购物
美国迪克体育用品商店:DICK’S Sporting Goods
2018/07/24 全球购物
出国留学介绍信
2014/01/13 职场文书
大三毕业自我鉴定
2014/01/15 职场文书
中学家长会邀请函
2014/01/17 职场文书
民主生活会对照检查材料范文
2014/10/01 职场文书
文明单位申报材料
2014/12/23 职场文书
李强为自己工作观后感
2015/06/11 职场文书
使用 Koa + TS + ESLlint 搭建node服务器的过程详解
2022/05/30 NodeJs