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学习点滴 call、apply的区别
Oct 22 Javascript
window.requestAnimationFrame是什么意思,怎么用
Jan 13 Javascript
常见的jQuery选择器汇总
Nov 24 Javascript
基于jquery实现导航菜单高亮显示(两种方法)
Aug 23 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
Aug 24 Javascript
JavaScript直播评论发弹幕切图功能点集合效果代码
Jun 26 Javascript
Bootstrap源码解读导航条(7)
Dec 23 Javascript
微信小程序实现实时圆形进度条的方法示例
Feb 24 Javascript
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 jQuery
用最少的JS代码写出贪吃蛇游戏
Jan 12 Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
Sep 21 jQuery
JS 设计模式之:单例模式定义与实现方法浅析
May 06 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
ThinkPHP文件上传实例教程
2014/08/22 PHP
php程序内部post数据的方法
2015/03/31 PHP
CI框架整合smarty步骤详解
2016/05/19 PHP
Symfony查询方法实例小结
2017/06/28 PHP
js+CSS 图片等比缩小并垂直居中实现代码
2008/12/01 Javascript
解析瀑布流布局:JS+绝对定位的实现
2013/05/08 Javascript
基于mouseout和mouseover等类似事件的冒泡问题解决方法
2013/11/18 Javascript
jquery.post用法示例代码
2014/01/03 Javascript
javascript获取checkbox复选框获取选中的选项
2014/08/12 Javascript
JavaScript笔记之数据属性和存储器属性
2016/03/31 Javascript
jquery ajax局部加载方法详解(实现代码)
2016/05/12 Javascript
基于slideout.js实现移动端侧边栏滑动特效
2016/11/28 Javascript
Vue实现todolist删除功能
2018/06/26 Javascript
微信小程序实现的五星评价功能示例
2019/04/25 Javascript
JavaScript中的null和undefined用法解析
2019/09/30 Javascript
Openlayers显示地理位置坐标的方法
2020/09/28 Javascript
js轮播图之旋转木马效果
2020/10/13 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
2020/11/19 Vue.js
Python实现的插入排序算法原理与用法实例分析
2017/11/22 Python
python中plot实现即时数据动态显示方法
2018/06/22 Python
详解如何设置Python环境变量?
2019/05/13 Python
Python编写打字训练小程序
2019/09/26 Python
使用OpenCV-python3实现滑动条更新图像的Canny边缘检测功能
2019/12/12 Python
python中for in的用法详解
2020/04/17 Python
基于Python第三方插件实现西游记章节标注汉语拼音的方法
2020/05/22 Python
HTML5本地存储和本地数据库实例详解
2017/09/05 HTML / CSS
美国现代家具网站:Design Within Reach
2018/07/19 全球购物
亚马逊新加坡官方网站:Amazon.sg
2020/03/25 全球购物
质检的岗位职责
2013/11/17 职场文书
保密工作目标责任书
2014/07/28 职场文书
2014年护士工作总结范文
2014/11/11 职场文书
圣诞节开幕词
2015/01/29 职场文书
董事长秘书岗位职责
2015/02/13 职场文书
2015年世界无烟日演讲稿
2015/03/18 职场文书
入党积极分子群众意见
2015/06/01 职场文书
创业计划书之珠宝饰品
2019/08/26 职场文书