English
资源说明：URL即统一资源定位符 (Uniform Resource Locator, URL)，完整的URL由这几个部分构成：
scheme://host:port/path?query#fragment
scheme:通信协议，常用的http,ftp,maito等。
host:主机，服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。
port:端口号，整数，可选，省略时使用方案的默认端口，如http的默认端口为80。
path:路径，由零或多个”/”符号隔开的字符串，一般用来表示主机上的一个目录或文件地址。
query:查询，可选，用于给动态网页（如使用CGI、ISAPI、PHP/JSP
JavaScript是Web开发中不可或缺的一部分，尤其在处理URL相关的任务时，它提供了强大的API来解析、操作和获取URL的各个组成部分。以下将详细讲解如何使用JavaScript获取URL的各种信息。
了解URL的基本结构至关重要。URL由以下几个组件组成：
1. **scheme**：通信协议，如HTTP、HTTPS、FTP等，用于定义数据传输方式。
2. **host**：主机名或IP地址，标识网络上的服务器或计算机，通常通过DNS系统解析。
3. **port**：端口号，可选，默认情况下，HTTP协议使用80端口，HTTPS使用443端口。
4. **path**：路径，表示服务器上文件或目录的位置，用"/"分隔。
5. **query**：查询字符串，用于向动态网页传递参数，形如`name1=value1&name2=value2`。
6. **fragment**（或称锚点）：信息片断，用于定位网页内部的特定位置。
在JavaScript中，我们可以使用`window.location`对象来获取URL的相关信息：
- **window.location.href**：获取完整的URL字符串，包括所有组件。
- **window.location.protocol**：获取URL的协议部分，如`http:`或`https:`。
- **window.location.host**：获取URL的主机部分，包括域名和端口号，如`www.jb51.net`。
- **window.location.port**：获取URL的端口号，如果使用默认端口，可能返回空字符串。
- **window.location.pathname**：获取URL的路径部分，例如`/newsDetail.php`。
- **window.location.search**：获取查询字符串，即URL中`?`后面的部分，如`?id=65`。
- **window.location.hash**：获取URL的锚点，即`#`后面的部分，用于定位页面内的元素，如`#section1`。
例如，对于URL `http://www.jb51.net/newsDetail.php?id=65#top`，你可以通过以下JavaScript代码来提取这些信息：
```javascript
var href = window.location.href; // "http://www.jb51.net/newsDetail.php?id=65#top"
var protocol = window.location.protocol; // "http:"
var host = window.location.host; // "www.jb51.net"
var port = window.location.port; // 若使用默认80端口，返回空字符串 ""
var pathname = window.location.pathname; // "/newsDetail.php"
var search = window.location.search; // "?id=65"
var hash = window.location.hash; // "#top"
```
查询字符串（`search`）可以包含多个参数，JavaScript可以通过`URLSearchParams`接口来解析和操作这些参数。例如，获取查询参数的值：
```javascript
var params = new URLSearchParams(window.location.search);
var id = params.get('id'); // "65"
```
同样，你可以使用`URLSearchParams`设置或修改参数，然后用`toString()`方法生成新的查询字符串。
在处理URL时，JavaScript提供了丰富的功能，不仅限于上述的基本属性访问。还可以创建新的`URL`对象，或者使用`URL.createObjectURL()`来创建指向Blob或File对象的URL。在实际开发中，理解并熟练使用这些API对于构建交互式和动态的Web应用至关重要。
本源码包内暂不包含可直接显示的源代码文件，请下载源码包。
