• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > js获取地址栏中传递的参数(两种方法)

js获取地址栏中传递的参数(两种方法)

作者:bicycle-lei 字体:[增加 减小] 来源:互联网 时间:2017-05-11

bicycle-lei通过本文主要向大家介绍了js获取地址栏参数,js截取地址栏参数,js隐藏地址栏参数,js判断地址栏参数,js地址栏传参等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

第一种:字符串拆分法

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]; 
} 
</div>

第二种:正则匹配法

这种方法其实原理和上一种方法类似,都是从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; 
}
</div>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • js仿微博动态栏功能
  • js获取地址栏中传递的参数(两种方法)

相关文章

  • 2017-05-11Ajax和Comet技术总结
  • 2017-05-11vue实现ToDoList简单实例
  • 2017-05-11Webpack+Vue如何导入Jquery和Jquery的第三方插件
  • 2017-05-11使用BootStrap进行轮播图的制作
  • 2017-05-11微信小程序 swiper制作tab切换实现附源码
  • 2017-05-11原生js实现图片放大缩小计时器效果
  • 2017-05-11bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
  • 2017-05-11jQuery插件MovingBoxes实现左右滑动中间放大图片效果
  • 2017-05-11JS设置时间无效问题的解决办法
  • 2017-05-11AngularJS $http模块POST请求实现

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • JavaScript获取中英文混合字符串长度的方法示例
    • bootstrap制作jsp页面(根据值让table显示选中)
    • JavaScript实现垂直滚动条效果
    • 基于jQuery实现弹幕APP
    • iOS + node.js使用Socket.IO框架进行实时通信示例
    • 工厂模式在JS中的实践
    • 用vue和node写的简易购物车实现
    • 简单实现jQuery多选框功能
    • 性能优化之代码优化页面加载速度
    • bootstrap css样式之表单

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有