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 相关文章推荐
XHTML-Strict 内允许出现的标签
Dec 11 Javascript
飞鱼(shqlsl) javascript作品集
Dec 16 Javascript
JS 遮照层实现代码
Mar 31 Javascript
30个精美的jQuery幻灯片效果插件和教程
Aug 23 Javascript
javascript 中that的含义示例介绍
May 14 Javascript
javascript制作网页图片上实现下雨效果
Feb 26 Javascript
js实现鼠标经过表格行变色的方法
May 12 Javascript
Bootstrap Chart组件使用教程
Apr 28 Javascript
详解webpack分包及异步加载套路
Jun 29 Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
Aug 17 Javascript
Vue Transition实现类原生组件跳转过渡动画的示例
Aug 19 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
Aug 14 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/05/16 PHP
ThinkPHP的截取字符串函数无法显示省略号的解决方法
2014/06/25 PHP
php curl中gzip的压缩性能测试实例分析
2016/11/08 PHP
PHP中ajax无刷新上传图片与图片下载功能
2017/02/21 PHP
PHP7变量处理机制修改
2021/03/09 PHP
jquery中使用ajax获取远程页面信息
2011/11/13 Javascript
JavaScript实现url地址自动检测并添加URL链接示例代码
2013/11/12 Javascript
类似php的js数组的in_array函数自定义方法
2013/12/27 Javascript
JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
2014/10/17 Javascript
实例分析javascript中的call()和apply()方法
2014/11/28 Javascript
超级简单实现JavaScript MVC 样式框架
2015/03/24 Javascript
jQuery获取同级元素的简单代码
2016/07/09 Javascript
JS中this上下文对象使用方式
2016/10/09 Javascript
angularjs项目的页面跳转如何实现(5种方法)
2017/05/25 Javascript
微信小程序 同步请求授权的详解
2017/08/04 Javascript
JS实现页面打印(整体、局部)
2017/08/18 Javascript
基于vue-ssr服务端渲染入门详解
2018/01/08 Javascript
微信小程序支付功能 php后台对接完整代码分享
2018/06/12 Javascript
微信小程序实现弹出菜单动画
2019/06/21 Javascript
vue实现中部导航栏布局功能
2019/07/30 Javascript
Python使用Scrapy爬虫框架全站爬取图片并保存本地的实现代码
2018/03/04 Python
Python爬虫工程师面试问题总结
2018/03/22 Python
python连接mongodb密码认证实例
2018/10/16 Python
详解pyenv下使用python matplotlib模块的问题解决
2018/11/29 Python
padas 生成excel 增加sheet表的实例
2018/12/11 Python
Python socket模块实现的udp通信功能示例
2019/04/10 Python
了解不常见但是实用的Python技巧
2019/05/23 Python
Python通用函数实现数组计算的方法
2019/06/13 Python
Python MongoDB 插入数据时已存在则不执行,不存在则插入的解决方法
2019/09/24 Python
在Python中字符串、列表、元组、字典之间的相互转换
2019/11/15 Python
Python文件操作及内置函数flush原理解析
2020/10/13 Python
大专毕业生自我评价分享
2013/11/10 职场文书
应届优秀本科大学毕业生自我鉴定
2014/01/21 职场文书
政府法律服务方案
2014/06/14 职场文书
国际金融专业自荐信
2014/07/05 职场文书
通用员工手册范本
2015/05/14 职场文书