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 相关文章推荐
防止浏览器记住用户名及密码的简单实用方法
Apr 22 Javascript
jQuery焦点图切换简易插件制作过程全纪录
Aug 27 Javascript
用jquery实现动画跳到顶部和底部(这个比较简单)
Sep 01 Javascript
简介JavaScript中POSITIVE_INFINITY值的使用
Jun 05 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
Feb 17 Javascript
vuejs响应用户事件(如点击事件)
Mar 14 Javascript
Vue项目中使用Vux的安装过程
May 01 Javascript
解决jquery的ajax调取后端数据成功却渲染失败的问题
Aug 08 jQuery
微信小程序image图片加载完成监听
Aug 31 Javascript
JavaScript或jQuery 获取option value值方法解析
May 12 jQuery
浅谈Vue 函数式组件的使用技巧
Jun 16 Javascript
JavaScript小技巧带你提升你的代码技能
Sep 15 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 删除无限级目录与文件代码共享
2008/11/22 PHP
PHP实现的AES加密、解密封装类与用法示例
2018/08/02 PHP
页面中body onload 和 window.onload 冲突的问题的解决
2009/07/01 Javascript
JavaScript 学习笔记(五)
2009/12/31 Javascript
JavaScript实现的简单幂函数实例
2015/04/17 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
2015/09/06 Javascript
JavaScritp添加url参数并将参数加入到url中及更改url参数的方法
2015/10/26 Javascript
基于vue2.0+vuex+localStorage开发的本地记事本示例
2017/02/28 Javascript
vue.js利用defineProperty实现数据的双向绑定
2017/04/28 Javascript
Vue如何实现响应式系统
2018/07/11 Javascript
详解使用uni-app开发微信小程序之登录模块
2019/05/09 Javascript
茶余饭后聊聊Vue3.0响应式数据那些事儿
2019/10/30 Javascript
jQuery 选择器用法实例分析【prev + next】
2020/05/22 jQuery
Vue 实现创建全局组件,并且使用Vue.use() 载入方式
2020/08/11 Javascript
element-ui中el-upload多文件一次性上传的实现
2020/12/02 Javascript
[37:45]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS Orenda
2014/05/22 DOTA
sqlalchemy对象转dict的示例
2014/04/22 Python
Python中for循环控制语句用法实例
2015/06/02 Python
简单的python后台管理程序
2017/04/13 Python
python3+PyQt5实现柱状图
2018/04/24 Python
利用python打开摄像头及颜色检测方法
2018/08/03 Python
python paramiko远程服务器终端操作过程解析
2019/12/14 Python
Python代码需要缩进吗
2020/07/01 Python
在 Python 中使用 MQTT的方法
2020/08/18 Python
Pycharm Git 设置方法
2020/09/15 Python
HTML5之消息通知的使用(Web Notification)
2018/10/30 HTML / CSS
中国京东和泰国中央集团合资的网站:JD CENTRAL
2020/08/22 全球购物
高中生学习生活的自我评价
2013/11/27 职场文书
关于人生的感言
2014/01/17 职场文书
创业计划实施的7大步骤
2014/02/05 职场文书
电子商务专业毕业生自荐书
2014/06/22 职场文书
异地恋情人节寄语
2015/02/28 职场文书
诉讼和解协议书
2016/03/23 职场文书
【海涛dota解说】一房久违的影魔魂守二连发
2022/04/01 DOTA
JAVA长虹键法之建造者Builder模式实现
2022/04/10 Java/Android
td 内容自动换行 table表格td设置宽度后文字太多自动换行
2022/12/24 HTML / CSS