js获取地址栏中传递的参数(两种方法)


Posted in Javascript onFebruary 08, 2017

第一种:字符串拆分法

window.location.href 或者 location.href 或者 window.location 获得地址栏中的所有内容

decodeURI()可以解码地址栏中的数据 恢复中文数据

window.search 获得地址栏中问号及问号之后的数据

//获取地址栏里(URL)传递的参数 
function GetRequest(value) { 
  //url例子:www.bicycle.com?id="123456"&Name="bicycle"; 
  var url = decodeURI(location.search); //?id="123456"&Name="bicycle";
  var object = {};
  if(url.indexOf("?") != -1)//url中存在问号,也就说有参数。 
  {  
   var str = url.substr(1); //得到?后面的字符串
   var strs = str.split("&"); //将得到的参数分隔成数组[id="123456",Name="bicycle"];
   for(var i = 0; i < strs.length; i ++) 
    {  



object[strs[i].split("=")[0]]=strs[i].split("=")[1]



}

}
  return object[value]; 
}

第二种:正则匹配法

这种方法其实原理和上一种方法类似,都是从URL中提取,只是提取的方法不同而已。

function GetQueryString(name) { 
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); 
  var r = window.location.search.substr(1).match(reg); 
  if (r != null) {  
    return unescape(r[2]); 
  } 
  return null; 
}

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript设计模式之单例模式实例
Sep 24 Javascript
JavaScript使用Max函数返回两个数字中较大数的方法
Apr 06 Javascript
JavaScript汉诺塔问题解决方法
Apr 21 Javascript
javascript精确统计网站访问量实例代码
Dec 19 Javascript
Javascript 获取鼠标当前的位置实现方法
Oct 27 Javascript
js 转义字符及URI编码详解
Feb 28 Javascript
vue2组件之select2调用的示例代码
Oct 12 Javascript
Angular实现表单验证功能
Nov 13 Javascript
实例详解Node.js 函数
Jun 10 Javascript
浅入深出Vue之组件使用
Jul 11 Javascript
layui富文本编辑器前端无法取值的解决方法
Sep 18 Javascript
vue中路由跳转不计入history的操作
Sep 21 Javascript
Bootstrap模态窗口源码解析
Feb 08 #Javascript
Bootstrap路径导航与分页学习使用
Feb 08 #Javascript
Bootstrap缩略图与警告框学习使用
Feb 08 #Javascript
Bootstrap导航条学习使用(二)
Feb 08 #Javascript
jquery对象与DOM对象转化
Feb 08 #Javascript
vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
Feb 08 #Javascript
jQuery中Datatables增加跳转到指定页功能
Feb 08 #Javascript
You might like
深入理解PHP之数组(遍历顺序)  Laruence原创
2012/06/13 PHP
PHP将回调函数作用到给定数组单元的方法
2014/08/19 PHP
完美解决php 导出excle的.csv格式的数据时乱码问题
2017/02/18 PHP
详解PHP中的序列化、反序列化操作
2017/03/21 PHP
PHP切割汉字的常用方法实例总结
2019/04/27 PHP
PHP结合Redis+MySQL实现冷热数据交换应用案例详解
2019/07/09 PHP
解决laravel5中auth用户登录其他页面获取不到登录信息的问题
2019/10/08 PHP
php计数排序算法的实现代码(附四个实例代码)
2020/03/31 PHP
JQUERY THICKBOX弹出层插件
2008/08/30 Javascript
基于jQuery的简单九宫格实现代码
2012/08/09 Javascript
js或者jquery判断图片是否加载完成实现代码
2013/03/20 Javascript
js 表单提交后按钮变灰的实例代码
2013/08/16 Javascript
为开发者准备的10款最好的jQuery日历插件
2014/02/04 Javascript
javascript实现的一个带下拉框功能的文本框
2014/05/08 Javascript
JavaScript实现表格点击排序的方法
2015/05/11 Javascript
举例详解Python中smtplib模块处理电子邮件的使用
2015/06/24 Javascript
js原生实现FastClick事件的实例
2016/11/20 Javascript
jquery利用json实现页面之间传值的实例解析
2016/12/12 Javascript
详解Angular如何正确的操作DOM
2018/07/06 Javascript
vue实现记事本功能
2019/06/26 Javascript
JSON stringify方法原理及实例解析
2020/10/23 Javascript
[44:40]KG vs LGD 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
打开电脑上的QQ的python代码
2013/02/10 Python
Python中的字典遍历备忘
2015/01/17 Python
Python中pygame安装方法图文详解
2015/11/11 Python
python 打印对象的所有属性值的方法
2016/09/11 Python
python中的常量和变量代码详解
2018/07/25 Python
详解python selenium 爬取网易云音乐歌单名
2019/03/28 Python
Python实现九宫格式的朋友圈功能内附“马云”朋友圈
2019/05/07 Python
python3通过qq邮箱发送邮件以及附件
2020/05/20 Python
将pycharm配置为matlab或者spyder的用法说明
2020/06/08 Python
python分布式爬虫中消息队列知识点详解
2020/11/26 Python
加拿大购物频道:The Shopping Channel
2016/07/21 全球购物
企业人事任命书
2014/06/05 职场文书
租房协议书范例
2014/10/14 职场文书
团代会邀请函
2015/02/02 职场文书