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设置FieldSet展开与收缩
May 15 Javascript
判断输入是否为空,获得输入类型的JS代码
Oct 30 Javascript
Jquery uploadify图片上传插件无法上传的解决方法
Dec 16 Javascript
JavaScript中的变量定义与储存介绍
Dec 31 Javascript
javascript使用输出语句实现网页特效代码
Aug 06 Javascript
js窗口关闭提示信息(兼容IE和firefox)
Oct 23 Javascript
AngularJS入门教程之数据绑定用法示例
Nov 01 Javascript
正则表达式替换html元素属性的方法
Nov 26 Javascript
详解Node.js实现301、302重定向服务
Apr 07 Javascript
vue组件父与子通信详解(一)
Nov 07 Javascript
Vue 幸运大转盘实现思路详解
May 06 Javascript
layui form.render('select', 'test2') 更新渲染的方法
Sep 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语法(1)
2006/10/09 PHP
php&amp;java(一)
2006/10/09 PHP
PHP下通过file_get_contents的代理使用方法
2011/02/16 PHP
PHP全概率运算函数(优化版) Webgame开发必备
2011/07/04 PHP
有关PHP性能优化的介绍
2013/06/20 PHP
php中eval函数的危害与正确禁用方法
2014/06/30 PHP
详解js异步文件加载器
2016/01/24 PHP
非集成环境的php运行环境(Apache配置、Mysql)搭建安装图文教程
2016/04/12 PHP
jquery ajax 检测用户注册时用户名是否存在
2009/11/03 Javascript
利用JS自动打开页面上链接的实现代码
2011/09/25 Javascript
获取select元素被选中的文本内容的js代码
2014/01/29 Javascript
原生javascript实现图片弹窗交互效果
2015/01/12 Javascript
JS+html5制作简单音乐播放器
2020/09/13 Javascript
Vue实现virtual-dom的原理简析
2017/07/10 Javascript
详解AngularJS1.x学习directive 中‘&amp; ’‘=’ ‘@’符号的区别使用
2017/08/23 Javascript
Vue.js实现价格计算器功能
2020/03/30 Javascript
vue自定义filters过滤器
2018/04/26 Javascript
vue集成百度UEditor富文本编辑器使用教程
2018/09/21 Javascript
js中async函数结合promise的小案例浅析
2019/04/14 Javascript
详解JavaScript作用域、作用域链和闭包的用法
2020/09/03 Javascript
[52:03]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第三场 1月31日
2021/03/11 DOTA
Python中的anydbm模版和shelve模版使用指南
2015/07/09 Python
理解Python中的With语句
2016/03/18 Python
Selenium定位元素操作示例
2018/08/10 Python
Python二叉树的镜像转换实现方法示例
2019/03/06 Python
Django通过dwebsocket实现websocket的例子
2019/11/15 Python
解决Tensorboard可视化错误:不显示数据 No scalar data was found
2020/02/15 Python
详解Python Celery和RabbitMQ实战教程
2021/01/20 Python
python 模块导入问题汇总
2021/02/01 Python
C#笔试题和英文面试题
2013/02/07 面试题
2014年母亲节演讲稿范文
2014/05/07 职场文书
2014年人事工作总结范文
2014/11/19 职场文书
争先创优个人总结
2015/03/04 职场文书
运动会加油稿
2015/07/22 职场文书
多人盗宝《绿林侠盗》第三赛季4.5上线 跨平台实装
2022/04/03 其他游戏
Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器
2022/06/28 Oracle