JavaScript获取url传递参数构造可供使用的键值对象

最新推荐文章于 2023-02-03 15:36:07 发布

「已注销」

最新推荐文章于 2023-02-03 15:36:07 发布

阅读量419

点赞数

分类专栏： javascript 前端 web 文章标签： javascript js查询字符串获取 js正则表达式 js对象构造 url

本文链接：https://blog.csdn.net/Lockey23/article/details/80206151

版权

javascript 同时被 3 个专栏收录

31 篇文章 0 订阅

订阅专栏

前端

28 篇文章 0 订阅

订阅专栏

web

13 篇文章 0 订阅

订阅专栏

1、首先定义一个函数用于获取url并进行查询字符串分割构造查询键值对象

function getRequest() {
  var url = location.search; //获取url中"?"符后的字串
   var reqObj = new Object();
   if (url.indexOf("?") != -1) {
      var str = url.substr(1);
      strs = str.split("&");
      for(var i = 0; i < strs.length; i ++) {
      //构造对象
         reqObj [strs[i].split("=")[0]]=(strs[i].split("=")[1]);
      }
   }
   return reqObj;//将构造好的键值对象返回
}

2、调用获取所需

var Request = new Object();
Request = GetRequest();
var queryKey1 = Request[queryKey1]
var queryKey2 = Request[queryKey2]
......

正则构造法

function GetQueryString(name) {
   var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
   var r = window.location.search.substr(1).match(reg);
   if (r!=null) return (r[2]); return null;
}

cookies

//设置或获取对象指定的文件名或路径。
window.location.pathname

//设置或获取整个 URL 为字符串。
window.location.href

//设置或获取与 URL 关联的端口号码。
window.location.port


//设置或获取 URL 的协议部分。
window.location.protocol

//设置或获取 href 属性中在井号“#”后面的分段。
window.location.hash

//设置或获取 location 或 URL 的 hostname 和 port 号码。
window.location.host

//设置或获取 href 属性中跟在问号后面的部分。
window.location.search