window.location
- window.location是一个属性
- 返回一个
Location对象，表示一个文档地址对象
URL
-
URL：Uniform Resource Locator的缩写，意思统一资源定位符（俗称“网址”）
-
URL使用Location API来管理
-
URL的语法格式
-
http://www.jd.com:8080/news/sports/123.html?uesr=zhangsan&passwprd=1234#section1-
http：超文本传输协议
- ftp：文件传输协议
- SMTP：邮件传输协议
- bbs：电子公告牌
-
www：二级域名
-
jd.com：主机名
-
8080：进入网站的端口 一般默认：80（可以省略端口）
-
/news/sports/：文档存放的路径
-
123.html：网页文档
-
?uesr=zhangsan：查询字符串
-
#section1：hash
-
-
案例：制作404页面
需求描述：
- 打开404.html页面：内容：对不起，您访问的页面不存在，将在5秒之后跳转到首页
- 功能：5秒倒计时结束跳转到首页sina.com.cn
问答
-
Location对象是什么
- Location对象是一个接口
- 该对象定义了大量的属性和方法用来管理文档地址
-
Location对象是否可以直接赋值
- 是，我们可以对location
Location.href
定义：用于读取或修改文档地址（地址栏中的地址）
语法：
location.href//读
window.location.href//读
location.href = '新地址' //读
window.location.href = '新地址' //读
返回值：返回一个完整的URL地址(字符串)
示例：
const href = location.href
console.log(href);
Location.protocol
定义：用于返回URL的协议
语法
window.location
location.protocol
返回值：
返回一个字符串，表示当前URL的协议
http:返回带冒号的http协议
示例
location.hostname
定义：用于查询当前文档地址的主机名
语法：
window.location.hostname
location.hostname
返回值：
返回一个字符串，表示当前文档的主机名
示例
const hn = location.hostname;
console.log(hn);
Location.port
定义：
用于查询当前文档地址的端口号
语法
window.location.port
location.port
返回值：
返回一个字符串，表示当前文档地址的端口号
示例
console.log(window.location.port);
Location.host
定义：
用于查询当前文档地址的主机（主机名 + 端口）
语法
location.host
window.location.host
返回值：
返回一个字符串，表示当前文档地址的主机（主机名 + 端口）
示例
console.log(location.host);
Location.pathname
定义：
查询当前文档的路径
语法
window.location.pathname
location.pathna
返回值：
返回一个字符串，表示当前文档的路径
示例
console.log(location.pathname)
/表示硬盘或文件夹的根目录。/用于网络路径
\用于表示本地路径
Location.search
定义：
属性返回 URL 的查询字符串部分，包括问号（？）
search 属性也可用于设置查询字符串 querystring 。
语法：
window.location.search
location.search
返回值：
返回查询字符串
示例：
location.search //"?searchType=icon&q=location"
Location.hash
定义：
用于查询当前文档地址的hash值
语法：
location.hash
window.location.hash
返回值： 返回一个字符串，
示例：
loction.hash//
