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图片不完全按比例自动缩小的简单代码
Jul 29 Javascript
JS判断不能为空实例代码
Nov 26 Javascript
js实现的map方法示例代码
Jan 13 Javascript
javascript中去除数组重复元素的实现方法【实例】
Apr 12 Javascript
详解jQuery的Cookie插件
Nov 23 Javascript
JavaScript 事件对内存和性能的影响
Jan 22 Javascript
详解Vue组件实现tips的总结
Nov 01 Javascript
axios post提交formdata的实例
Mar 16 Javascript
jQuery实现checkbox全选功能完整实例
Jul 12 jQuery
Angular中sweetalert弹框的基本使用教程
Jul 22 Javascript
解决vue动态为数据添加新属性遇到的问题
Sep 18 Javascript
微信小程序之滑动页面隐藏和显示组件功能的实现代码
Jun 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录入页面中动态从数据库中提取数据的实现
2006/10/09 PHP
将数组写入txt文件 var_export
2009/04/21 PHP
php学习之变量的使用
2011/05/29 PHP
WordPress特定文章对搜索引擎隐藏或只允许搜索引擎查看
2015/12/31 PHP
PHP使用 Imagick 扩展实现图片合成,圆角处理功能示例
2019/09/09 PHP
CSS中一些@规则的用法小结
2021/03/09 HTML / CSS
javascript获取鼠标点击元素对象(示例代码)
2013/12/20 Javascript
ExtJS4利根据登录后不同的角色分配不同的树形菜单
2014/05/02 Javascript
原生javascript实现隔行换色
2015/01/04 Javascript
巧方法 JavaScript获取超链接的绝对URL地址
2016/06/14 Javascript
微信小程序 教程之wxapp视图容器 swiper
2016/10/19 Javascript
Javascript中字符串replace方法的第二个参数探究
2016/12/05 Javascript
Nodejs高扩展性的模板引擎 functmpl简介
2017/02/13 NodeJs
Angular4实现鼠标悬停3d倾斜效果
2017/10/25 Javascript
微信小程序实现默认第一个选中变色效果
2018/07/17 Javascript
原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】
2019/08/15 Javascript
vue ssr+koa2构建服务端渲染的示例代码
2020/03/23 Javascript
Vue-cli assets SubDirectory及PublicPath区别详解
2020/08/18 Javascript
[37:21]完美世界DOTA2联赛PWL S2 Inki vs Magma 第二场 11.22
2020/11/24 DOTA
Flask SQLAlchemy一对一,一对多的使用方法实践
2013/02/10 Python
python处理csv数据动态显示曲线实例代码
2018/01/23 Python
tesserocr与pytesseract模块的使用方法解析
2019/08/30 Python
Python绘制热力图示例
2019/09/27 Python
pygame实现俄罗斯方块游戏(对战篇1)
2019/10/29 Python
HTML5新特性之type=file文件上传功能
2018/02/02 HTML / CSS
eBay澳大利亚站:eBay.com.au
2018/02/02 全球购物
创业计划书的写作技巧及要点
2014/01/31 职场文书
小学新学期寄语
2014/04/02 职场文书
《长江之歌》教学反思
2014/04/17 职场文书
化学专业毕业生求职信
2014/07/28 职场文书
小学生九一八纪念日83周年演讲稿500字
2014/09/17 职场文书
考试作弊被抓检讨书
2014/10/02 职场文书
质量保证书格式
2015/02/27 职场文书
药店收银员岗位职责
2015/04/07 职场文书
劳保用品管理制度范本
2015/08/06 职场文书
2016年三八节红领巾广播稿
2015/12/17 职场文书