window.location()
location() 讀音：咯K神 、 意思：位置、場(chǎng)所、地點(diǎn)
定義：
1.window.location() 是一個(gè)屬性
2.返回一個(gè)Location對(duì)象，該對(duì)象表示一個(gè)文檔地址對(duì)象。
語法
返回值：
返回一個(gè)Location對(duì)象，該對(duì)象表示一個(gè)地址對(duì)象。
示例
/ ：表示硬盤或文件夾根目錄（硬盤的根目錄）
/us/jz/sd/aaa/
\ ：表示本地路徑
Location API是什么
1.是一個(gè)接口
2.接口就是一個(gè)對(duì)象。window.location返回一個(gè)Location對(duì)象
3.Location對(duì)象表示文檔的地址
4.該接口定義了一些屬性和方法用來操作文檔地址
URL
1.URL：Uniform Resource Locator的縮寫，意思：統(tǒng)一資源定義符（俗稱“網(wǎng)址”）
2.URL：使用Location API來管理
3.URL：的語法格式
http://www.jd.com:8080/news/sports/123.html?user=zhangsan&password=1234#section1
- http：超文本傳輸協(xié)議
- ftp：文件傳輸協(xié)議
- SMTP：郵件傳輸協(xié)議
- bbs：電子公告牌
- www：二級(jí)域名 表示萬維網(wǎng) （二級(jí)域名和一級(jí)域名都是主機(jī)名）
- jd.com：主機(jī)名 buhaoqi.com
- 8080：端口號(hào)。進(jìn)入網(wǎng)站的入口 一般默認(rèn)：80（可省略端口）
- /news/sports/：文檔存放的路徑
- 123.html：網(wǎng)頁文檔名
- ?user=zhangsan：查詢字符串
-
section1：hash 讀：哈斯 害死
案例：制作404頁面
需求描述：
1.打開404.html頁面：內(nèi)容：對(duì)不起，您訪問的頁面不存在，將在5秒后跳轉(zhuǎn)到首頁
2.功能：5秒倒計(jì)時(shí)結(jié)束自動(dòng)跳轉(zhuǎn)到首頁sina.com.cn
Location.href
定義：
Location.href用于讀取或修改文檔地址（地址欄中的地址）
語法
location.href = '新地址' //讀
location. //讀
window.location. //讀
返回值：
返回一個(gè)完整的URL地址（字符串）
示例
const href = location.href
console.log(href);
Location.protocol
定義：
Location.protocol用于返回URL的協(xié)議
語法
window.location.protocol
返回值：
返回一個(gè)字符串表示當(dāng)前URL的協(xié)議
http:返回帶冒號(hào)的http協(xié)議
示例
const protocol = location.protocol
console.log(protocol);
Location.hostname
定義：
Location.hostname用于查詢當(dāng)前文檔地址的主機(jī)名
語法
window.location.hostname
location.hostname
返回值：
返回一個(gè)字符串，表示當(dāng)前主機(jī)的主機(jī)名
示例
location.hostname //"developer.mozilla.org"
const hostname = location.hostname
console.log(hostname); //"127.0.0.1" 表示
Location.port
定義：
Location.port用于查詢當(dāng)前文檔地址的端口號(hào)
語法
window.location.port
location.port
返回值：
返回一個(gè)字符串，表示當(dāng)前文檔地址的端口號(hào)
示例
const port = location.port
console.log(port); //127.0.0.1
Location.host
定義：
Location.host用于查詢當(dāng)前文檔地址的主機(jī)（主機(jī) = 主機(jī)名+端口）
語法
window.location.host
location.host //5500
返回值：
返回一個(gè)字符串，表示當(dāng)前文檔地址主機(jī)
示例
const host = location.host
console.log(host); //127.0.0.1:5500
Location.pathname
定義：
Location.pathname用于查詢當(dāng)前文檔的路徑
- path：路徑
- Name：名字
語法
window.location.pathname
location.pathname
返回值：
返回一個(gè)字符串，表示當(dāng)前文檔的路徑
示例
const pathname = location.pathname
console.log(pathname); ///3%E6%9C%88/2.28/2-href.html
/ ：表示硬盤或文件夾根目錄（硬盤的根目錄）
/us/jz/sd/aaa/
\ ：表示本地路徑
Location.search
定義：
Location.search用于查詢當(dāng)前文檔鏈接的”字符串“
語法
window.location.search
location.search
返回值：
返回查詢字符串
示例
//百度：右擊檢查
location.search
const search = location.search
console.log(search); //
Location.hash
定義：
Location.hash用于查詢當(dāng)前文檔地址的hash值就是片段
語法
window.location.hash
location.hash
返回值：
返回一個(gè)字符串，表示當(dāng)前文檔的hash部分
示例
//百度：右擊檢查
location.hash
const hash= location.hash
console.log(hash); //
1.location是什么
location() 對(duì)象是一個(gè)接口，該接口定義了大量的屬性和方法用來管理文檔地址。
2.location
是，我們可以對(duì)location對(duì)象直接賦值
Loation = '新地址'
