- Location 对象包含有关当前 URL 的信息。
- Location 对象是 window 对象的一部分,可通过 window.Location 属性对其进行访问。
一、获取地址栏基本信息
1. 获取主机名称+端口号
console.log(location.host);//localhost:63342
2. 获取主机名称
console.log(location.hostname);//localhost
3. 获取当前地址
console.log(location.href);//http://localhost:63342/js/0913/bom%E5%AF%B9%E8%B1%A1.html
4. 获取协议+主机名称+端口号
console.log(location.origin);/http://localhost:63342
5. 获取地址栏后半段
console.log(location.pathname);///js/0913/bom%E5%AF%B9%E8%B1%A1.html
6. 获取端口号
console.log(location.port);//63342
7. 获取协议
console.log(location.protocol);//http:
二、有关地址栏基本方法
1. reload()----重新加载
<button οnclick="reload()">重新加载</button>
function reload(){
location.reload();
}
2. 跳转页面----href
location.href = "https://www.baidu.com";
3. 地址替换----replace()
<button οnclick="replace()">替换</button>
function replace(){
location.replace('./index.html');
}
4. 载入一个新的文档----assign()
location.assign("https://www.baidu.com");