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 formValidator表单验证插件开源了 含API帮助、源码、示例
Aug 14 Javascript
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
Jun 27 Javascript
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
Feb 03 Javascript
利用js的Node遍历找到repeater的一个字段实例介绍
Apr 25 Javascript
JS小功能(onmouseover实现选择月份)实例代码
Nov 28 Javascript
ANGULARJS中用NG-BIND指令实现单向绑定的例子
Dec 08 Javascript
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
Jan 26 Javascript
Javascript 实现计算器时间功能详解及实例(二)
Jan 08 Javascript
JS高仿抛物线加入购物车特效实现代码
Feb 20 Javascript
vue.js实例todoList项目
Jul 07 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
Sep 08 Javascript
浅谈Vue使用Elementui修改默认的最快方法
Dec 05 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
php异常:Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE  eval()'d code error
2011/05/19 PHP
PHP采集类Snoopy抓取图片实例
2014/06/19 PHP
php数组合并array_merge()函数使用注意事项
2014/06/19 PHP
PHP计算百度地图两个GPS坐标之间距离的方法
2015/01/09 PHP
PHP中的traits简单使用实例
2015/05/13 PHP
php将html转为图片的实现方法
2017/05/19 PHP
php readfile下载大文件失败的解决方法
2017/05/22 PHP
用jquery实现自定义风格的滑动条实现代码
2011/04/26 Javascript
实现只能输入数字的input不用replace方法
2013/09/12 Javascript
jquery()函数的三种语法介绍
2013/10/09 Javascript
Javascript setInterval的两种调用方法(实例讲解)
2013/11/29 Javascript
Vue中fragment.js使用方法详解
2017/03/09 Javascript
Vue-cli-webpack搭建斗鱼直播步骤详解
2017/11/17 Javascript
详解如何在nuxt中添加proxyTable代理
2018/08/10 Javascript
详解解决Vue相同路由参数不同不会刷新的问题
2018/10/12 Javascript
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
2018/12/06 jQuery
小程序异步问题之多个网络请求依次执行并依次收集请求结果
2019/05/05 Javascript
微信小程序聊天功能的示例代码
2020/01/13 Javascript
Antd表格滚动 宽度自适应 不换行的实例
2020/10/27 Javascript
linux安装Python3.4.2的操作方法
2018/09/28 Python
使用python判断jpeg图片的完整性实例
2019/06/10 Python
Python嵌套函数,作用域与偏函数用法实例分析
2019/12/26 Python
python统计函数库scipy.stats的用法解析
2020/02/25 Python
树莓派升级python的具体步骤
2020/07/05 Python
Sephora丝芙兰菲律宾官方网站:购买化妆品和护肤品
2017/04/05 全球购物
Farfetch台湾官网:奢侈品牌时尚购物平台
2019/06/17 全球购物
中东最大的在线宠物店:Dubai Pet Food
2020/06/11 全球购物
《月光启蒙》教学反思
2014/03/01 职场文书
基督教婚礼主持词
2014/03/14 职场文书
司机岗位职责说明书
2014/07/29 职场文书
个人作风建设剖析材料
2014/10/11 职场文书
《陶罐和铁罐》教学反思
2016/03/03 职场文书
22句经典语录:送给优柔寡断和胡思乱想的朋友们
2019/12/13 职场文书
Python Django 后台管理之后台模型属性详解
2021/04/25 Python
mysql升级到5.7时,wordpress导数据报错1067的问题
2021/05/27 MySQL
JavaScript 反射学习技巧
2021/10/16 Javascript