网络安全——Location 对象，URL 对象，URLSearchParams 对象

Location 对象

Location对象是浏览器提供的原生对象，提供 URL 相关的信息和操作方法。通过window.location和document.location属性，可以拿到这个对象。

属性

Location对象提供以下属性。

• Location.href：整个 URL。
• Location.protocol：当前 URL 的协议，包括冒号（:）。
• Location.host：主机。如果端口不是协议默认的80和433，则还会包括冒号（:）和端口。
• Location.hostname：主机名，不包括端口。
• Location.port：端口号。
• Location.pathname：URL 的路径部分，从根路径/开始。
• Location.search：查询字符串部分，从问号?开始。
• Location.hash：片段字符串部分，从#开始。
• Location.username：域名前面的用户名。
• Location.password：域名前面的密码。
• Location.origin：URL 的协议、主机名和端口。

// 当前网址为
// http://user:passwd@www.example.com:4097/path/a.html?x=111#part1

document.location.href  
// "http://user:passwd@www.example.com:4097/path/a.html?x=111#part1"    
document.location.protocol
// "http:"    
document.location.host
// "www.example.com:4097" 
document.location.hostname
// "www.example.com"         
document.location.port
// "4097"                      
document.location.pathname
// "/path/a.html"                  
document.location.search
// "?x=111"
document.location.hash
// "#part1"
document.location.username
// "user"
document.location.password
// "passwd"
document.location.origin
// "http://user:passwd@www.example.com:4097"

//只有origin属性可读，其余都是可写的

// 对location.href写入新的地址，浏览器则会立刻跳转到新网址
document.location.href = 'http://www.example.com';

//让网页自动滚动到新的锚点

document.location.href = '#top';
// 等同于
document.location.hash = '#top';

document.location = 'http://www.example.com';
// 等同于
document.location.href = 'http://www.example.com';

另外，Location.href属性是浏览器唯一允许跨域写入的属性，即非同源的窗口可以改写另一个窗口（比如子窗口与父窗口）的Location.href属性，导致后者的网址跳转。Location的其他属性都不允许跨域写入。

方法

（1）Location.assign()

// 该方法接受一个url字符串作为参数，使浏览器立刻跳转到新的url。但参数不是有效的字符串，则会报错
document.location.assign('http://www.example.com')

（2）Location.replace()

// 该方法接受一个url字符串作为参数，使浏览器立刻跳转到新的url。但参数不是有效的url字符串，则会报错
document.location.replace('http://www.example.com')

assign和replace的方法差异在于，replace会在浏览器的浏览历史history中删除当前网址，使用后退按钮无法回到当前页面。

（3）Location.reload()

// 该方法使得浏览器重新加载当前网址，相当于刷新按钮
window.location.reload(true);

它接受一个布尔值作为参数。如果参数为true，浏览器将向服务器重新请求这个网页，并且重新加载后，网页将滚动到头部（即scrollTop === 0）。如果参数是false或为空，浏览器将从本地缓存重新加载该网页，并且重新加载后，网页的视口位置是重新加载前的位置。

（4）Location.toString()

toString方法返回整个 URL 字符串，相当于读取Location.href属性。

URL 的编码和解码

网页的 URL 只能包含合法的字符。合法字符分成两类。

• URL 元字符：分号（;），逗号（,），斜杠（/），问号（?），冒号（:），at（@），&，等号（=），加号（+），美元符号（$），井号（#）
• 语义字符：a-z，A-Z，0-9，连词号（-），下划线（_），点（.），感叹号（!），波浪线（~），星号（*）&#x