当前位置: 首页 > 编程笔记 >

js获取地址栏参数的两种方法

闾丘德宇
2023-03-14
本文向大家介绍js获取地址栏参数的两种方法,包括了js获取地址栏参数的两种方法的使用技巧和注意事项,需要的朋友参考一下

项目中经常遇到获取上个页面跳转过来获取当前的参数

//获取地址栏参数,name:参数名称
 function getUrlParms(name){
   var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
   var r = window.location.search.substr(1).match(reg);
   if(r!=null)
   return unescape(r[2]);
   return null;
   }
var id = getUrlParms("id");

上述方法可以获取地址栏传过来的id,还可以这样写

function getRequest() {
  var url = window.location.search; //获取url中"?"符后的字串
  var theRequest = new Object();
  if (url.indexOf("?") != -1) {
    var str = url.substr(1);
    strs = str.split("&");
    for(var i = 0; i < strs.length; i ++) {
      
      theRequest[strs[i].split("=")[0]]=decodeURI(strs[i].split("=")[1]);
      
    }
  }
  return theRequest;
}
var id= getRequest().id;

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍使用JavaScript获取地址栏参数的方法,包括了使用JavaScript获取地址栏参数的方法的使用技巧和注意事项,需要的朋友参考一下 调用的时候统一做这样的判断,避免你没有传参数的话,比如你的地址是 abc.html 后面没有参数,那强行输出调用结果有的时候会报错 这样就不会报错了! 注释:ECMAScript v3 已从标准中删除了 unescape() 函数,并反对使用它,因

  • 本文向大家介绍Android手机获取Mac地址的几种方法,包括了Android手机获取Mac地址的几种方法的使用技巧和注意事项,需要的朋友参考一下 最常用的方法,通过WiFiManager获取: 这个方法Android 7.0是获取不到的,返回的是null,其实是返回“02:00:00:00:00:00” 根据本地IP获取: 这个方法Android 7.0及其以下版本都可以获取到。 根据网络接口获

  • 本文向大家介绍ASP.NET MVC中URL地址传参的两种写法,包括了ASP.NET MVC中URL地址传参的两种写法的使用技巧和注意事项,需要的朋友参考一下 一、url地址传参的第一种写法 1.通过mvc中默认的url地址书写格式:控制器/方法名/参数 2.实例:http://localhost:39270/RequestDemo/Index/88,默认参数名为id所以名称为id。 如果使用其他

  • 本文向大家介绍js取小数点后两位四种方法,包括了js取小数点后两位四种方法的使用技巧和注意事项,需要的朋友参考一下 Javascript取float型小数点后两位,例22.123456取成22.12,如何做? 1.通过substring截取。 2. 正则表达式。 3.数据类型保留上。 4.toFixed方法

  • WooCommerce的顶级页面有商店页、购物车页、结账页、我的账户页和用户协议页,结账页和账户页有次级页面,分别由结账端点和账户端点来指定,也就是endpoints。顶级页面是WordPress里真正的页面,次级页面没有实体页面,只是靠重定向规则动态创造出来的。本文介绍WooCommerce中获取这些页面地址的专用函数。 如何设置WooCommerce顶级页面 一般首次安装时就会提示你设置,如果

  • 本文向大家介绍js获取页面传来参数的方法,包括了js获取页面传来参数的方法的使用技巧和注意事项,需要的朋友参考一下 这篇文章主要介绍了通过window.location.search来获取页面传来的参数,经测试是OK的 测试 abcd.html?name=xyz 应该弹出xyz