1.window.location

1.window.location是一个属性
2.返回一个Location对象，该对象表示一个地址。

Location对象是什么？

• Location对象是一个接口。
• 该接口定义了大量的属性和方法用于管理文档地址。

2.Location对象是否可以直接赋值

• 是可以直接赋值。语法：

Location = '新的文档地址'
window

3.URL

url：Uniform Resource Location的缩写。意思：统一资源定位符（俗称：网址）
2.URL使用Location API 来管理
3.URL语法

http://www.jd.com:8080/news/sports/123.html?user = zhangsan&password=1234#sectionl

• http:超文本传输协议
  ftp：文件传输协议
  SMTP：邮件传输协议
  bbs：电子公告牌
• www：二级域名 表示万维网
• jd.com :主机名
• 8080：进入网站的端口 一般默认80（可以省略端口）
• /news/sports/:文档存放的路径
• 123.html：网页文档
• ？user=zhangsan：查询字符串
  ?user = zhangsan&password=1234用户名和密码

• section1：hash（片段）

4.Location.href

定义：用于读取或修改文档地址（地址栏中的地址）
语法:

location.href//读
Window.location.href//读
location.href = "新地址"
Window.location.href = "新地址"

返回值：返回一个完整的URL地址(字符串)
实例：

 <script>
        const href = location.href
        console.log(href);
    </script>

5.Location.protocol

定义：
Location.protocol:用于返回URL的协议

语法：

location.protocol

返回值：返回一个字符串，表示当前URL的协议
实例

 const p = location.protocol
        console.log(p);//http:

6. Location.hostname

定义：Location.hostname:用于查询当前地址的主机名
语法：

string = object.hostname;
object.hostname = string;

返回值：返回一个字符串，表示当前地址的主机名
个人电脑的本机地址都是127.0.0.1
实例

 <script>
        const host = location.hostname
        console.log(host);//127.0.0.1
    </script>

7.Location.port

定义：Location.port:用于查询当前文档地址的端口号
语法：

window.location.port
location.port

返回值：返回一个字符串，表示当前文档地址的端口号
实例

 <script>
        const p = location.port
        console.log(p);//5500
    </script>

8.Location.host

定义：
查询文档地址的主机。
语法：

location.host

返回值：字符串，返回文档地址和主机
实例：

 <script>
        const p = location.host
        console.log(p);//127.0.0.1:5500
    </script>

9.Location.pathname

定义：
查询当前文档的路径
语法：

window.location.pathname

返回值：返回一个字符串，表示当前文档的路径
实例：

const p = location.pathname
        console.log(p);///JAVAScript/2023.2.28/name.html

10.Location.search

定义：
查询当前文档的路径的“查询字符串”
语法：

window.location.search
location.search

返回值：返回一个字符串，表示当前文档的路径的“查询字符串”
实例：

location.search
返回值："?q=404%E9%A1%B5%E9%9D%A2" 

11.Location.hash

定义：
查询当前文档的hash值
语法：

window.location.hash
location.hash

返回值：返回一个字符串，表示当前文档的hash部分
实例：

https://huaban.com/search?q=404#ww
location.hash
返回："#ww" 

~表示用户目录

/表示根目录（硬盘或文件夹的根目录）

:本地目录

/users/zj/aaa/index.html
\:本地路径