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 相关文章推荐
一行命令搞定node.js 版本升级
Jul 20 Javascript
一段非常简单的js判断浏览器的内核
Aug 17 Javascript
Bootstrap每天必学之简单入门
Nov 19 Javascript
jQuery 更改checkbox的状态,无效的解决方法
Jul 22 Javascript
深入理解javascript中concat方法
Dec 12 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
Dec 26 Javascript
原生javascript上传图片带进度条【实例分享】
Apr 06 Javascript
Angular2 自定义validators的实现方法
Jul 05 Javascript
vue中的适配px2rem示例代码
Nov 19 Javascript
微信小程序实现弹出菜单动画
Jun 21 Javascript
微信小程序8种数据通信的方式小结
Feb 03 Javascript
Vue router配置与使用分析讲解
Dec 24 Vue.js
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
程序员编程十条戒律
2009/07/09 PHP
php面向对象全攻略 (十六) 对象的串行化
2009/09/30 PHP
如何用C语言编写PHP扩展的详解
2013/06/13 PHP
PHP asXML()函数讲解
2019/02/03 PHP
PHP超级全局变量【$GLOBALS,$_SERVER,$_REQUEST等】用法实例分析
2019/12/11 PHP
JavaScript中null与undefined分析
2009/07/25 Javascript
Javascript中引用示例介绍
2014/02/21 Javascript
js HTML5手机刮刮乐代码
2020/09/29 Javascript
js实现界面向原生界面发消息并跳转功能
2016/11/22 Javascript
详解handlebars+require基本使用方法
2016/12/21 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
2017/02/05 Javascript
从零开始做一个pagination分页组件
2017/03/15 Javascript
微信小程序 首页制作简单实例
2017/04/07 Javascript
Vue-Router进阶之滚动行为详解
2017/09/13 Javascript
vue引入新版 vue-awesome-swiper插件填坑问题
2018/01/25 Javascript
Layui 设置select下拉框自动选中某项的方法
2018/08/14 Javascript
Openlayers实现距离面积测量
2020/09/28 Javascript
Vue实现返回顶部按钮实例代码
2020/10/21 Javascript
python使用any判断一个对象是否为空的方法
2014/11/19 Python
深入解析Python中的WSGI接口
2015/05/11 Python
Python使用matplotlib绘制动画的方法
2015/05/20 Python
Python中的getopt函数使用详解
2015/07/28 Python
python 的列表遍历删除实现代码
2020/04/12 Python
Python读取mat文件,并转为csv文件的实例
2018/07/04 Python
在Python中分别打印列表中的每一个元素方法
2018/11/07 Python
Django管理员账号和密码忘记的完美解决方法
2018/12/06 Python
对python中类的继承与方法重写介绍
2019/01/20 Python
Python中使用双下划线防止类属性被覆盖问题
2019/06/27 Python
Django框架HttpResponse对象用法实例分析
2019/11/01 Python
python3实现弹弹球小游戏
2019/11/25 Python
Django框架获取form表单数据方式总结
2020/04/22 Python
Django+Uwsgi+Nginx如何实现生产环境部署
2020/07/31 Python
舞会礼服和舞会鞋:PromGirl
2019/04/22 全球购物
小学六一儿童节活动方案
2014/08/27 职场文书
八项规定自查自纠报告及整改措施
2014/10/26 职场文书
餐厅服务员岗位职责
2015/02/09 职场文书