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 相关文章推荐
初窥JQuery-Jquery简介 入门了解篇
Nov 25 Javascript
jQuery实战之品牌展示列表效果
Apr 10 Javascript
JavaScript实现自己的DOM选择器原理及代码
Mar 04 Javascript
js控制不同的时间段显示不同的css样式的实例代码
Nov 04 Javascript
如何在Linux上安装Node.js
Apr 01 Javascript
Javascript操作表单实例讲解(下)
Jun 20 Javascript
Vue.js 单页面多路由区域操作的实例详解
Jul 17 Javascript
AngularJs 延时器、计时器实例代码
Sep 16 Javascript
three.js加载obj模型的实例代码
Nov 10 Javascript
vue2中使用less简易教程
Mar 27 Javascript
JS中注入eval, Function等系统函数截获动态代码
Apr 03 Javascript
JavaScript常用内置对象用法分析
Jul 09 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中的登陆login
2007/01/18 PHP
PHP按行读取文件时删除换行符的3种方法
2014/05/04 PHP
PHP中使用BigMap实例
2015/03/30 PHP
php实现的IMEI限制的短信验证码发送类
2015/05/05 PHP
PHP封装类似thinkphp连贯操作数据库Db类与简单应用示例
2019/05/08 PHP
解决Laravel无法使用COOKIE和SESSION的问题
2019/10/16 PHP
用dom+xhtml+css制作的一个相册效果代码打包下载
2008/01/24 Javascript
小型js框架veryide.librar源代码
2009/03/05 Javascript
自己动手制作jquery插件之自动添加删除行的实现
2011/10/13 Javascript
jQuery制作拼图小游戏
2015/01/12 Javascript
jQuery实现仿美橙互联两级导航菜单的方法
2015/03/09 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
2016/06/01 Javascript
AngularJS基础 ng-options 指令详解
2016/08/02 Javascript
jQuery 选择器(61种)整理总结
2016/09/26 Javascript
Jquery UI实现一次拖拽多个选中的元素操作
2020/12/01 Javascript
js点击任意区域弹出层消失实现代码
2016/12/27 Javascript
深入理解vue.js中$watch的oldvalue与newValue
2017/08/07 Javascript
在Debian(Raspberry Pi)树莓派上安装NodeJS的教程详解
2017/09/19 NodeJs
jQuery使用bind函数实现绑定多个事件的方法
2017/10/11 jQuery
详解nodeJs文件系统(fs)与流(stream)
2018/01/24 NodeJs
基于datepicker定义自己的angular时间组件的示例
2018/03/14 Javascript
TypeScript中的方法重载详解
2019/04/12 Javascript
详解vue中使用protobuf踩坑记
2019/05/07 Javascript
Python编程实现蚁群算法详解
2017/11/13 Python
利用Pandas 创建空的DataFrame方法
2018/04/08 Python
这可能是最好玩的python GUI入门实例(推荐)
2019/07/19 Python
Python 动态变量名定义与调用方法
2020/02/09 Python
jupyter notebook实现显示行号
2020/04/13 Python
说一下mysql, oracle等常见数据库的分页实现方案
2012/09/29 面试题
css animation配合SVG制作能量流动效果
2021/03/24 HTML / CSS
三个儿子教学反思
2014/02/03 职场文书
《秋姑娘的信》教学反思
2014/02/28 职场文书
ktv周年庆活动方案
2014/08/18 职场文书
2015会计试用期工作总结
2014/12/12 职场文书
求职信:会计求职的写作技巧
2019/04/24 职场文书
Linux下搭建SFTP服务器的命令详解
2022/06/25 Servers