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

 更新时间:2017年02月08日 16:29:20   作者:bicycle-lei  
本文主要介绍了如何获取地址栏中的参数的两种方法。具有很好的参考价值,下面跟着小编一起来看下吧

第一种:字符串拆分法

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; 
}

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

相关文章

  • 微信小程序实现多张照片上传功能

    微信小程序实现多张照片上传功能

    这篇文章主要介绍了微信小程序实现多张照片上传功能,当服务器的状态码为200且图片上传完毕后将图片的src转化为Json字符串存在数组中以便将其添加到数据库,本文通过实例代码介绍的非常详细,需要的朋友可以参考下
    2024-03-03
  • JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】

    JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】

    这篇文章主要介绍了JS遍历JSON数组及获取JSON数组长度操作,涉及javascript简单json数组遍历与运算相关操作技巧,需要的朋友可以参考下
    2018-12-12
  • JavaScript运动原理基础知识详解

    JavaScript运动原理基础知识详解

    这篇文章主要介绍了JavaScript运动原理基础知识详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-04-04
  • js实现支付倒计时返回首页

    js实现支付倒计时返回首页

    这篇文章主要为大家详细介绍了js实现支付倒计时返回首页,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • socket在egg中的使用实例代码详解

    socket在egg中的使用实例代码详解

    这篇文章主要介绍了socket在egg中的使用,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2019-05-05
  • JS getStyle获取最终样式函数代码

    JS getStyle获取最终样式函数代码

    定义一个id="flower"的div元素 并设置如上样式,我们的目标就是通过javascript来获取样式的最终属性
    2010-04-04
  • JavaScript实现Tab点击切换

    JavaScript实现Tab点击切换

    这篇文章主要为大家详细介绍了JavaScript实现Tab点击切换,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • js中function()使用方法

    js中function()使用方法

    通过函数对象的性质,可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递,下面为大家介绍下函数的使用语法
    2013-12-12
  • js数值和和字符串进行转换时可以对不同进制进行操作

    js数值和和字符串进行转换时可以对不同进制进行操作

    这篇文章主要介绍了js数值和和字符串进行转换时可以对不同进制进行操作,需要的朋友可以参考下
    2014-03-03
  • javascript substr和substring用法比较

    javascript substr和substring用法比较

    在js中substring和substr都是用来截取字符串的,那么substring和substr之间的具体区别在哪里,有没有区别呢,下面我来给各位详细引用一些实例来介绍这些问题
    2009-06-06

最新评论