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 相关文章推荐
避免回车键导致的页面无意义刷新的解决方法
Apr 12 Javascript
使用js声明数组,对象在jsp页面中(获得ajax得到json数据)
Nov 05 Javascript
浅谈javascript的Array.prototype.slice.call
Aug 31 Javascript
Javascript类型转换的规则实例解析
Feb 23 Javascript
js一维数组、多维数组和对象的混合使用方法
Apr 03 Javascript
AngularJS基础 ng-options 指令详解
Aug 02 Javascript
实例浅析js的this
Dec 11 Javascript
jQuery DateTimePicker 日期和时间插件示例
Jan 22 Javascript
JS数组去重(4种方法)
Mar 27 Javascript
微信小程序商品到详情的实现
Jun 27 Javascript
快速搭建vue2.0+boostrap项目的方法
Apr 09 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
Jul 24 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
WINXP下apache+php4+mysql
2006/11/25 PHP
PHP中实现生成静态文件的方法缓解服务器压力
2014/01/07 PHP
PHP文件大小格式化函数合集
2014/03/10 PHP
php生成唯一数字id的方法汇总
2015/11/18 PHP
YII使用url组件美化管理的方法
2015/12/28 PHP
PHP互换两个变量值的方法(不用第三变量)
2016/11/14 PHP
PHP连接MySQL进行增、删、改、查操作
2017/02/19 PHP
excel操作之Add Data to a Spreadsheet Cell
2007/06/12 Javascript
javascript作用域、作用域链(菜鸟必看)
2016/06/16 Javascript
AngularJS入门教程之静态模板详解
2016/08/18 Javascript
通过JS获取Request.QueryString()参数的值实现方法
2016/09/27 Javascript
vue2 mint-ui loadmore实现下拉刷新,上拉更多功能
2018/03/21 Javascript
js数组去重的方法总结
2019/01/18 Javascript
微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解
2019/05/14 Javascript
在Vue中实现随hash改变响应菜单高亮
2020/03/09 Javascript
详解Vue中的watch和computed
2020/11/09 Javascript
详解python3百度指数抓取实例
2016/12/12 Python
python技能之数据导出excel的实例代码
2017/08/11 Python
使用Python微信库itchat获得好友和群组已撤回的消息
2018/06/24 Python
matplotlib实现热成像图colorbar和极坐标图的方法
2018/12/13 Python
带你认识Django
2019/01/15 Python
对python中的*args与**kwgs的含义与作用详解
2019/08/28 Python
Django框架 查询Extra功能实现解析
2019/09/04 Python
python 两个数据库postgresql对比
2019/10/21 Python
Python Dict找出value大于某值或key大于某值的所有项方式
2020/06/05 Python
CSS改变网页中鼠标选中文字背景颜色例子
2014/04/23 HTML / CSS
一款纯css3制作的2015年元旦雪人动画特效教程
2014/12/29 HTML / CSS
德国购买踏板车网站:Microscooter
2019/10/14 全球购物
英国No.1体育用品零售商:SportsDirect.com
2019/10/16 全球购物
上海奥佳笔试题面试题
2016/11/16 面试题
北京某科技有限公司C# .net笔试题
2014/09/27 面试题
交通事故一次性赔偿协议书范本
2014/11/02 职场文书
给病人的慰问信
2015/03/23 职场文书
收入证明怎么写
2015/06/12 职场文书
Python源码解析之List
2021/05/21 Python
探究Mysql模糊查询是否区分大小写
2021/06/11 MySQL