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的闭包
Jan 17 Javascript
editable.js 基于jquery的表格的编辑插件
Oct 24 Javascript
通过隐藏iframe实现文件下载的js方法介绍
Feb 26 Javascript
jQuery给多个不同元素添加class样式的方法
Mar 26 Javascript
Bootstrap每天必学之折叠
Apr 12 Javascript
JQuery实现列表中复选框全选反选功能封装(推荐)
Nov 24 Javascript
整理关于Bootstrap表单的慕课笔记
Mar 29 Javascript
详解使用vue-cli脚手架初始化Vue项目下的项目结构
Mar 08 Javascript
js input输入百分号保存数据库失败的解决方法
May 26 Javascript
js中split()方法得到的数组长度问题
Jul 19 Javascript
react+ant design实现Table的增、删、改的示例代码
Dec 27 Javascript
js 闭包深入理解与实例分析
Mar 19 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获取一定范围内取N个不重复的随机数
2016/05/28 PHP
多个Laravel项目如何共用migrations详解
2018/09/25 PHP
python进程与线程小结实例分析
2018/11/11 PHP
JavaScript对象模型-执行模型
2008/04/28 Javascript
Jquery 实现Tab效果 思路是js思路
2010/03/02 Javascript
如何用js控制frame的隐藏或显示的解决办法
2013/03/20 Javascript
鼠标划过实现延迟加载并隐藏层的js代码
2013/10/11 Javascript
什么是cookie?js手动创建和存储cookie
2014/05/27 Javascript
js如何实现点击标签文字,文字在文本框出现
2015/08/05 Javascript
学习JavaScript设计模式之装饰者模式
2016/01/19 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
2016/02/14 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
2016/06/23 Javascript
JS实现页面数据无限加载
2016/09/13 Javascript
Bootstrap table使用方法详细介绍
2016/12/09 Javascript
JavaScript中三种常见的排序方法
2017/02/24 Javascript
使用JavaScript进行表单校验功能
2017/08/01 Javascript
利用jsonp与代理服务器方案解决跨域问题
2017/09/14 Javascript
如何正确理解vue中的key详解
2019/11/02 Javascript
深入理解Django-Signals信号量
2019/02/19 Python
django 实现将本地图片存入数据库,并能显示在web上的示例
2019/08/07 Python
用python实现名片管理系统
2020/06/18 Python
python爬取天气数据的实例详解
2020/11/20 Python
python 高阶函数简单介绍
2021/02/19 Python
华为旗下电子商务平台:华为商城
2016/08/06 全球购物
全球最大的网上自行车商店:Chain Reaction Cycles
2016/12/02 全球购物
英国轻奢珠宝品牌:Astley Clarke
2016/12/18 全球购物
阿里旅行:飞猪
2017/01/05 全球购物
锐步英国官网:Reebok英国
2019/11/29 全球购物
逻辑链路控制协议
2016/10/01 面试题
品质管理部岗位职责范文
2014/03/01 职场文书
党建示范点实施方案
2014/03/12 职场文书
文明村创建实施方案
2014/03/27 职场文书
企业开业庆典答谢词
2015/01/20 职场文书
党员年终个人总结
2015/02/14 职场文书
建党伟业的观后感
2015/06/01 职场文书
高中语文教学反思范文
2016/02/16 职场文书