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中input中readonly和disabled区别介绍
Oct 23 Javascript
javaScript复制功能调用实现方案
Dec 13 Javascript
JavaScript日期时间与时间戳的转换函数分享
Jan 31 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
Nov 23 Javascript
基于js实现二级下拉联动
Dec 17 Javascript
vue+iview写个弹框的示例代码
Dec 05 Javascript
Bootstrap实现可折叠分组侧边导航菜单
Mar 07 Javascript
vue项目引入Iconfont图标库的教程图解
Oct 24 Javascript
小程序hover-class点击态效果实现
Feb 26 Javascript
webpack4.x下babel的安装、配置及使用详解
Mar 07 Javascript
微信小程序复选框实现多选一功能过程解析
Feb 14 Javascript
javascript canvas检测小球碰撞
Apr 17 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
JS中encodeURIComponent函数用php解码的代码
2012/03/01 PHP
php读取csv实现csv文件下载功能
2013/12/18 PHP
浅谈php中变量的数据类型判断函数
2017/03/04 PHP
PHP实现的数组和XML文件相互转换功能示例
2018/03/15 PHP
PHP如何开启Opcache功能提升程序处理效率
2020/04/27 PHP
Prototype使用指南之string.js
2007/01/10 Javascript
JavaScript 选中文字并响应获取的实现代码
2011/08/28 Javascript
用jquery模仿的a的title属性(兼容ie6/7)
2013/01/21 Javascript
如何用JavaScript动态呼叫函数(两种方式)
2013/05/03 Javascript
JavaScript移除数组元素减少长度的方法
2013/09/05 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
2013/11/13 Javascript
javascript调试之DOM断点调试法使用技巧分享
2014/04/15 Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
2014/10/14 Javascript
jquery中页面Ajax方法$.load的功能使用介绍
2014/10/20 Javascript
Javascript中的apply()方法浅析
2015/03/15 Javascript
JavaScript实现强制重定向至HTTPS页面
2015/06/10 Javascript
全面解析Bootstrap表单使用方法(表单控件状态)
2015/11/24 Javascript
javascript实现可键盘控制的抽奖系统
2016/03/10 Javascript
jQuery基础的工厂函数以及定时器的经典实例分析
2016/05/20 Javascript
vue实现可增删查改的成绩单
2016/10/27 Javascript
使用JavaScript判断用户输入的是否为正整数(两种方法)
2017/02/05 Javascript
AngulerJS学习之按需动态加载文件
2017/02/13 Javascript
BootStrap的两种模态框方式
2017/05/10 Javascript
EasyUI Datebox 日期验证之开始日期小于结束时间
2017/05/19 Javascript
vue实现节点增删改功能
2019/09/26 Javascript
vue使用Sass时报错问题的解决方法
2020/10/14 Javascript
在Python的setuptools框架下生成egg的教程
2015/04/13 Python
Python编程实现双链表,栈,队列及二叉树的方法示例
2017/11/01 Python
浅谈Python用QQ邮箱发送邮件时授权码的问题
2018/01/29 Python
python矩阵的转置和逆转实例
2018/12/12 Python
python中partial()基础用法说明
2018/12/30 Python
python实现移动木板小游戏
2020/10/09 Python
python自动生成证件号的方法示例
2021/01/14 Python
详解CSS3实现响应式手风琴效果
2020/06/10 HTML / CSS
阿迪达斯香港官网:adidas香港
2019/11/09 全球购物
让生命充满爱演讲稿
2014/05/10 职场文书