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 selection的兼容性写法介绍
Dec 20 Javascript
JQuery 控制内容长度超出规定长度显示省略号
May 23 Javascript
javascript结合ajax读取txt文件内容
Dec 05 Javascript
JavaScript中实现Map的示例代码
Sep 09 Javascript
浅谈js中的引用和复制(传值和传址)
Sep 18 Javascript
微信小程序 数组中的push与concat的区别
Jan 05 Javascript
Bootstrap导航简单实现代码
Mar 06 Javascript
JavaScript装饰器函数(Decorator)实例详解
Mar 30 Javascript
微信小程序tabBar模板用法实例分析【附demo源码下载】
Nov 28 Javascript
如何将百度地图包装成Vue的组件的方法步骤
Feb 12 Javascript
JS轮播图的实现方法2
Aug 25 Javascript
vue切换菜单取消未完成接口请求的案例
Nov 13 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 和 HTML
2006/10/09 PHP
实用函数5
2007/11/08 PHP
php冒泡排序、快速排序、快速查找、二维数组去重实例分享
2014/04/24 PHP
PHP6新特性分析
2016/03/03 PHP
浅谈PHP安全防护之Web攻击
2017/01/03 PHP
PHP token验证生成原理实例分析
2019/06/05 PHP
php设计模式之工厂模式用法经典实例分析
2019/09/20 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
Laravel服务容器绑定的几种方法总结
2020/06/14 PHP
js动态加载以及确定加载完成的代码
2011/07/31 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
2013/09/04 Javascript
js showModalDialog参数的使用详解
2014/01/07 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
2014/05/21 Javascript
JS判断移动端访问设备并加载对应CSS样式
2014/06/13 Javascript
使用npm发布Node.JS程序包教程
2015/03/02 Javascript
在javascript中随机数 math random如何生成指定范围数值的随机数
2015/10/21 Javascript
简单对比分析JavaScript中的apply,call与this的使用
2015/12/04 Javascript
JS实现页面载入时随机显示图片效果
2016/09/07 Javascript
Bootstrap框架结合jQuery仿百度换肤功能实例解析
2016/09/17 Javascript
微信公众号平台接口开发 菜单管理的实现
2019/08/14 Javascript
vue项目中锚点定位替代方式
2019/11/13 Javascript
基于JS正则表达式实现模板数据动态渲染(实现思路详解)
2020/03/07 Javascript
vue-router路由懒加载及实现的3种方式
2021/02/28 Vue.js
python在控制台输出进度条的方法
2015/06/20 Python
用Python的Django框架来制作一个RSS阅读器
2015/07/22 Python
python global关键字的用法详解
2019/09/05 Python
Python requests模块安装及使用教程图解
2020/06/30 Python
斯德哥尔摩通票:Stockholm Pass
2018/01/09 全球购物
巴西最大的运动品牌:Olympikus
2020/07/14 全球购物
非常详细的C#面试题集
2016/07/13 面试题
给女儿的表扬信
2014/01/18 职场文书
给校长的一封建议书
2014/03/12 职场文书
保险公司早会主持词
2014/03/22 职场文书
党的群众路线教育实践活动领导班子整改措施
2014/09/30 职场文书
污染环境建议书
2015/09/14 职场文书
Golang解析JSON对象
2022/04/30 Golang