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的一些总结
Nov 03 Javascript
Javascript倒计时页面跳转实例小结
Sep 11 Javascript
jquery退出each循环的写法
Feb 26 Javascript
javascript变量声明实例分析
Apr 25 Javascript
JS实现仿QQ面板的手风琴效果折叠菜单代码
Sep 11 Javascript
jquery实现加载进度条提示效果
Nov 23 Javascript
js实现简单的省市县三级联动效果实例
Feb 18 Javascript
AngularJS操作键值对象类似java的hashmap(填坑小结)
Nov 12 Javascript
利用Angularjs中模块ui-route管理状态的方法
Dec 27 Javascript
Zepto实现密码的隐藏/显示
Apr 07 Javascript
Koa日志中间件封装开发详解
Mar 09 Javascript
JavaScript字符串转数字的简单实现方法
Nov 27 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从右向左/从左向右截取字符串的实现方法
2011/11/28 PHP
php单态设计模式(单例模式)实例
2014/11/18 PHP
PHP实现的memcache环形队列类实例
2015/07/28 PHP
[原创]PHP简单开启curl的方法(测试可行)
2016/01/11 PHP
Laravel学习教程之View模块详解
2017/09/18 PHP
CSS常用网站布局实例
2008/04/03 Javascript
js中判断Object、Array、Function等引用类型对象是否相等
2012/08/29 Javascript
js取值中form.all和不加all的区别介绍
2014/01/20 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
2014/05/22 Javascript
Javascript学习笔记之 函数篇(二) : this 的工作机制
2014/06/24 Javascript
Angular.js实现注册系统的实例详解
2016/12/18 Javascript
Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
2017/02/17 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
2017/03/17 Javascript
Vue如何实现组件的源码解析
2017/06/08 Javascript
JavaScript中的高级函数
2018/01/04 Javascript
js+SVG实现动态时钟效果
2018/07/14 Javascript
bootstrap-table+treegrid实现树形表格
2019/07/26 Javascript
python发送邮件示例(支持中文邮件标题)
2014/02/16 Python
用Python从零实现贝叶斯分类器的机器学习的教程
2015/03/31 Python
python+matplotlib绘制简单的海豚(顶点和节点的操作)
2018/01/02 Python
python 矢量数据转栅格数据代码实例
2019/09/30 Python
在python中利用dict转json按输入顺序输出内容方式
2020/02/27 Python
HTML5制作酷炫音频播放器插件图文教程
2014/12/30 HTML / CSS
印度尼西亚综合购物网站:Lazada印尼
2016/09/07 全球购物
红色康乃馨酒店:Red Carnation Hotels
2017/06/22 全球购物
德国家用电器购物网站:Premiumshop24
2019/08/22 全球购物
智能室内花园:Click & Grow
2021/01/29 全球购物
PHP面试题大全
2015/10/16 面试题
银行类自荐信
2014/02/04 职场文书
关于祖国的演讲稿
2014/05/04 职场文书
中学生教师节演讲稿
2014/09/03 职场文书
2014年大班保育员工作总结
2014/12/02 职场文书
2019年感恩励志演讲稿(收藏备用)
2019/09/11 职场文书
python 制作一个gui界面的翻译工具
2021/05/14 Python
js实现模拟购物商城案例
2021/05/18 Javascript
Go语言入门exec的基本使用
2022/05/20 Golang