window.location

做了个小项目，涉及到获取浏览器请求地址的内容，遂查了相关知识:

1. 知识

Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问，Location 对象包含有关当前 URL 的信息。location属性又包含以下属性：

2. 举例

计入请求地址如下
http://www.mine.com/test/?sid=10&uid=AA766#/home-ewm

• window.location.hash 对应/home-ewm
• window.location.href 对应http://www.mine.com/test/?sid=10&uid=AA766#/home-ewm
• window.location.search 对应sid=10&uid=AA766
  此处常常使用分割"&"的方式得到对应的参数，后传递给相应页面

3. 案例

public getQueryParams(): object {
    const query = window.location.search.substring(1);  // 得到未带?的参数部分
    console.log("请求链接的query部分: " + query);
    const vars = query.split("&");
    const params = {};
    console.log("&分割后的数组长度为" + vars.length);

    if (vars.length > 1) {
      for (let i = 0; i < vars.length; i++) {
        const pair = vars[i].split("=");
        params[pair[0]] = pair[1];      
        console.log("参数名:" + pair[0] + "对应参数值:" + params[pair[0]]);
      }
    } else {
        // 对于浏览器,第一个#后面的任何字符都会被理解为位置标识符
        // const vars_cy = query.split("#");
        const vars_cy = query.split("@");
        if (vars_cy.length > 1) {
          for (let i = 0; i < vars_cy.length; i++) {
            if (vars_cy[i]) {
              const pair = vars_cy[i].split("=");
              params[pair[0]] = pair[1];
              console.log("参数名:" + pair[0] + "对应参数值:" + params[pair[0]]);
            }
          }
    }
  }
    return params;
  }

这里是通过甲方爸爸的短信平台发短信，短信中包含链接地址，到前端接受然后拦截进入微信，因为有一个平台不支持& 符号在短信中，所以我们换成了#，@ 等符号来替代，发现#符号会被浏览器给识别，然后拼接的http://www.mine.com/test/?sid=10#uid=AA766会直接变成http://www.mine.com/test/?sid=10 ,于是就用@ 代替了。
一点小知识记录下。