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 相关文章推荐
extjs form textfield的隐藏方法
Dec 29 Javascript
谈谈Jquery中的children find 的区别有哪些
Oct 19 Javascript
javascript设计简单的秒表计时器
Sep 05 Javascript
jquery获取复选框的值的简单实例
May 26 Javascript
Form表单按回车自动提交表单的实现方法
Nov 18 Javascript
jQuery+HTML5实现弹出创意搜索框层
Dec 29 Javascript
详谈js中数组(array)和对象(object)的区别
Feb 27 Javascript
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
浅谈Webpack自动化构建实践指南
Dec 18 Javascript
NestJs 静态目录配置详解
Mar 12 Javascript
vue双向绑定及观察者模式详解
Mar 19 Javascript
js实现旋转木马轮播图效果
Jan 10 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
咖啡机如何保养和日常清洁?
2021/03/03 冲泡冲煮
生成静态页面的PHP类
2006/07/15 PHP
基于php常用函数总结(数组,字符串,时间,文件操作)
2013/06/27 PHP
php自定义函数br2nl实现将html中br换行符转换为文本输入中换行符的方法【与函数nl2br功能相反】
2017/02/17 PHP
PHP实现APP微信支付的实例讲解
2018/02/10 PHP
javascript不同页面传值的改进版
2008/09/30 Javascript
javascript 面向对象,实现namespace,class,继承,重载
2009/10/29 Javascript
JavaScript黑洞数字之运算路线查找算法(递归算法)实例
2016/01/28 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
2016/07/07 Javascript
Angular.js去除页面中显示的空行方法示例
2017/03/30 Javascript
nodejs创建简易web服务器与文件读写的实例
2017/09/07 NodeJs
angular.js实现购物车功能
2017/10/23 Javascript
微信小程序wepy框架笔记小结
2018/08/08 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
2018/10/25 Javascript
微信小程序Echarts覆盖正常组件问题解决
2019/07/13 Javascript
ElementUI中el-tree节点的操作的实现
2020/02/27 Javascript
vue-cli3单页构建大型项目方案
2020/04/07 Javascript
[02:51]DOTA2战队出征照拍摄花絮 TI3明星化身时尚男模
2013/07/22 DOTA
[46:14]VGJ.T vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python入门篇之数字
2014/10/20 Python
浅谈python在提示符下使用open打开文件失败的原因及解决方法
2018/11/30 Python
快速解决docker-py api版本不兼容的问题
2019/08/30 Python
Python分割训练集和测试集的方法示例
2019/09/19 Python
python递归调用中的坑:打印有值, 返回却None
2020/03/16 Python
Pycharm创建python文件自动添加日期作者等信息(步骤详解)
2021/02/03 Python
CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
2014/10/11 HTML / CSS
css3类选择器之结合元素选择器和多类选择器用法
2017/03/09 HTML / CSS
小班开学寄语
2014/04/04 职场文书
会计求职信
2014/05/29 职场文书
机械电子工程专业自荐书
2014/06/10 职场文书
公务员政审材料范文
2014/12/23 职场文书
公司股份转让协议书范本
2015/01/28 职场文书
听证会主持词
2015/07/03 职场文书
同事欢送会致辞
2015/07/31 职场文书
小学生班干部竞选稿
2015/11/20 职场文书
Win11 Build 22000.829更新补丁KB5015882发布(附更新修复内容汇总)
2022/07/15 数码科技