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控制回车事件的代码
Feb 20 Javascript
JQuery+DIV自定义滚动条样式的具体实现
Jun 25 Javascript
JS实现控制表格内指定单元格内容对齐的方法
Mar 30 Javascript
javascript获取文档坐标和视口坐标
May 26 Javascript
基于javascript编写简单日历
May 02 Javascript
Bootstrap前端开发案例二
Jun 17 Javascript
Javascript下拉刷新的简单实现
Feb 14 Javascript
jQuery滚动插件scrollable.js用法分析
May 25 jQuery
Vue 去除路径中的#号
Apr 19 Javascript
JS+HTML5 Canvas实现简单的写字板功能示例
Aug 30 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
Nov 12 Javascript
vue+echarts实现中国地图流动效果(步骤详解)
Jan 27 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采集类snoopy详细介绍(snoopy使用教程)
2014/06/19 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
Aster vs KG BO3 第三场2.19
2021/03/10 DOTA
jquery通过select列表选择框对表格数据进行过滤示例
2014/05/07 Javascript
jQuery中:password选择器用法实例
2015/01/03 Javascript
jquery图形密码实现方法
2015/03/11 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
2015/03/31 Javascript
EasyUI中在表单提交之前进行验证
2016/07/19 Javascript
jQuery实现Select左右复制移动内容
2016/08/05 Javascript
深入浅析JavaScript中的3DES
2016/08/24 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
2017/01/05 Javascript
JavaScript 数据类型详解
2017/03/13 Javascript
详解Vue 全局变量,局部变量
2019/04/17 Javascript
全面分析JavaScript 继承
2019/05/30 Javascript
ES6 Proxy实现Vue的变化检测问题
2019/06/11 Javascript
vue登录页面cookie的使用及页面跳转代码
2019/07/10 Javascript
Vue快速实现通用表单验证功能
2019/12/05 Javascript
微信小程序保存图片到相册权限设置
2020/04/09 Javascript
使用eslint和githooks统一前端风格的技巧
2020/07/29 Javascript
[14:36]2014 DOTA2国际邀请赛中国区预选赛5.21 Orenda VS NE
2014/05/22 DOTA
Python二维码生成库qrcode安装和使用示例
2014/12/16 Python
Python中比较特别的除法运算和幂运算介绍
2015/04/05 Python
Python3使用PyQt5制作简单的画板/手写板实例
2017/10/19 Python
Python管理Windows服务小脚本
2018/03/12 Python
详解python之heapq模块及排序操作
2019/04/04 Python
使用TensorFlow实现简单线性回归模型
2019/07/19 Python
tensorflow模型文件(ckpt)转pb文件的方法(不知道输出节点名)
2020/04/22 Python
html5 input属性使用示例
2013/06/28 HTML / CSS
html5教程实现Photoshop渐变色效果
2013/12/04 HTML / CSS
法学毕业生自我鉴定
2014/01/31 职场文书
党风廉设责任书
2014/04/16 职场文书
群众路线个人对照检查材料
2014/09/23 职场文书
2014年乡镇安全生产工作总结
2014/12/02 职场文书
酒店销售经理岗位职责
2015/04/02 职场文书
体育部部长竞选稿
2015/11/21 职场文书
JavaScript严格模式不支持八进制的问题讲解
2021/11/07 Javascript