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 new 需不需要继续使用
Jul 02 Javascript
javascript处理表单示例(javascript提交表单)
Apr 28 Javascript
jquery实现弹出层登录和全屏层注册特效
Aug 28 Javascript
浅谈jquery拼接字符串效率比较高的方法
Feb 22 Javascript
vue-router 中router-view不能渲染的解决方法
May 23 Javascript
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
原生js封装运动框架的示例讲解
Oct 01 Javascript
安装Node.js并启动本地服务的操作教程
May 12 Javascript
Vue监听事件实现计数点击依次增加的方法
Sep 26 Javascript
傻瓜式vuex语法糖kiss-vuex整理
Dec 21 Javascript
改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件
Jul 13 Javascript
吃通javascript正则表达式
Apr 21 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同时支持GIF、png、JPEG
2006/10/09 PHP
php和js交互一例-PHP教程,PHP应用
2007/01/03 PHP
PHP实现根据图片色界在不同位置加水印的方法
2015/08/08 PHP
node.js使用require()函数加载模块
2014/11/26 Javascript
js上传图片及预览功能实例分析
2015/04/24 Javascript
Jquery 效果使用详解
2015/11/23 Javascript
JS区分浏览器页面是刷新还是关闭
2016/04/17 Javascript
Node.js检测端口(port)是否被占用的简单示例
2016/09/29 Javascript
jquery实现图片切换代码
2016/10/13 Javascript
jQuery事件绑定方法学习总结(推荐)
2016/11/21 Javascript
关于AngularJs数据的本地存储详解
2017/01/20 Javascript
JS日程管理插件FullCalendar中文说明文档
2017/02/06 Javascript
本地存储localStorage用法详解
2017/07/31 Javascript
解决修复npm安装全局模块权限的问题
2018/05/17 Javascript
详解Vue-Router源码分析路由实现原理
2019/05/15 Javascript
微信小程序进入广告实现代码实例
2019/09/19 Javascript
vue表单验证之禁止input输入框输入空格
2020/12/03 Vue.js
Python中bisect的用法
2014/09/23 Python
python杀死一个线程的方法
2015/09/06 Python
python文件操作相关知识点总结整理
2016/02/22 Python
Python实现变量数值交换及判断数组是否含有某个元素的方法
2017/09/18 Python
Python数据结构与算法之使用队列解决小猫钓鱼问题
2017/12/14 Python
django 开发忘记密码通过邮箱找回功能示例
2018/04/17 Python
解决python3 urllib 链接中有中文的问题
2018/07/16 Python
python实现中文文本分句的例子
2019/07/15 Python
对python中不同模块(函数、类、变量)的调用详解
2019/07/16 Python
python opencv 简单阈值算法的实现
2019/08/04 Python
pandas.DataFrame.drop_duplicates 用法介绍
2020/07/06 Python
html5 worker 实例(二) 图片变换效果
2013/06/24 HTML / CSS
Expedia印度尼西亚站:预订酒店、廉价航班和度假套餐
2018/01/31 全球购物
出生公证委托书
2014/04/03 职场文书
师德标兵先进事迹材料
2014/12/19 职场文书
教师培训简讯
2015/07/20 职场文书
公司要求试用期员工提交“述职报告”,该怎么写?
2019/07/17 职场文书
优化Mysql查询的示例
2022/04/26 MySQL
pandas中pd.groupby()的用法详解
2022/06/16 Python