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 相关文章推荐
jQuery实现锚点scoll效果实例分析
Mar 10 Javascript
详解JavaScript时间格式化
Dec 23 Javascript
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
Jan 09 Javascript
jQuery Ajax前后端使用JSON进行交互示例
Mar 17 Javascript
ES6模块化的import和export用法方法总结
Aug 08 Javascript
详解node.js中的npm和webpack配置方法
Jan 21 Javascript
vue中echarts3.0自适应的方法
Feb 26 Javascript
JS实现全屏预览F11功能的示例代码
Jul 23 Javascript
移动端如何用下拉刷新的方式实现上拉加载
Dec 10 Javascript
javascript实现时间日期的格式化的方法汇总
Aug 06 Javascript
Node在Controller层进行数据校验的过程详解
Aug 28 Javascript
使用Ajax实现无刷新上传文件
Apr 12 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结合ajax实现赞、顶、踩功能实例
2014/05/12 PHP
php将日期格式转换成xx天前的格式
2015/04/16 PHP
PHP简单处理表单输入的特殊字符的方法
2016/02/03 PHP
Yii2增加验证码步骤详解
2016/04/25 PHP
PHP 进度条函数的简单实例
2017/09/19 PHP
PHPUnit测试私有属性和方法功能示例
2018/06/12 PHP
tp5框架内使用tp3.2分页的方法分析
2019/05/05 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
转换json格式的日期为Javascript对象的函数
2010/07/13 Javascript
JavaScript实现向setTimeout执行代码传递参数的方法
2015/04/16 Javascript
Jquery 分页插件之Jquery Pagination
2015/08/25 Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
2016/02/26 Javascript
jquery.cookie.js实现用户登录保存密码功能的方法
2016/04/15 Javascript
JavaScript实现自动跳转文本功能
2017/05/25 Javascript
dropload.js插件下拉刷新和上拉加载使用详解
2017/10/20 Javascript
微信小程序 this.triggerEvent()的具体使用
2019/12/10 Javascript
微信小程序swiper实现文字纵向轮播提示效果
2020/01/21 Javascript
JavaScript常用进制转换及位运算实例解析
2020/10/14 Javascript
JavaScript实现网页下拉菜单效果
2020/11/20 Javascript
python中的五种异常处理机制介绍
2014/09/02 Python
python获取文件后缀名及批量更新目录下文件后缀名的方法
2014/11/11 Python
python模块之StringIO使用示例
2015/04/08 Python
Python简单删除目录下文件以及文件夹的方法
2015/05/27 Python
python八大排序算法速度实例对比
2017/12/06 Python
华为校园招聘上机笔试题 扑克牌大小(python)
2020/04/22 Python
python pickle存储、读取大数据量列表、字典数据的方法
2019/07/07 Python
tensorflow如何批量读取图片
2019/08/29 Python
Python目录和文件处理总结详解
2019/09/02 Python
Python的Lambda函数用法详解
2019/09/03 Python
基于Python中的yield表达式介绍
2019/11/19 Python
Pytorch 使用不同版本的cuda的方法步骤
2020/04/02 Python
Python 操作SQLite数据库的示例
2020/10/16 Python
用sleep间隔进行python反爬虫的实例讲解
2020/11/30 Python
HTML5 weui使用笔记
2019/11/21 HTML / CSS
皇家道尔顿官网:Royal Doulton
2017/12/06 全球购物
Spring Boot项目如何优雅实现Excel导入与导出功能
2022/06/10 Java/Android