地址：http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosper
Location{
assign:ƒ (), // 加载新的文档。
hash:"#prosper", // 设置或返回从井号 (#) 开始的 URL（锚）。
host:"127.0.0.1:8082", // 设置或返回主机名和当前 URL 的端口号。
hostname:"127.0.0.1", // 设置或返回当前 URL 的主机名。
href:"http://127.0.0.1:8
在JavaScript中，获取地址栏参数是一项常见的操作，特别是在开发Web应用程序时。地址栏中的URL包含了丰富的信息，如协议、主机名、路径、查询参数和锚点等。在本实例讲解中，我们将深入探讨如何利用JavaScript获取这些信息。
`location`对象是浏览器窗口的一个属性，它提供了访问当前页面URL的各个组成部分的方法。以下是一些主要属性：
1. `hash`: 从井号 (#) 开始的部分，通常用于页面内部导航。
2. `host`: 包含了主机名和端口号，例如 "127.0.0.1:8082"。
3. `hostname`: 只包含主机名，如 "127.0.0.1"。
4. `href`: 完整的URL，包括协议、主机名、路径、查询参数和锚点。
5. `origin`: URL的协议、主机名和端口号，不包含路径、查询参数和锚点。
6. `pathname`: URL路径部分，如 "/prosperleedir/index.html"。
7. `port`: URL的端口号，如 "8082"。
8. `protocol`: URL的协议，如 "http:"。
9. `search`: 从问号 (?) 开始的查询参数部分，例如 "?id=6666&name=prosper"。
`location`对象还提供了一些方法来操作URL：
1. `assign(url)`: 加载新的文档，相当于用户的点击跳转。
2. `replace(url)`: 用新的文档替换当前文档，不会在历史记录中留下记录。
3. `reload([forceGet])`: 重新加载当前文档。如果参数为`true`，则强制从服务器重新加载，忽略缓存。
要获取地址栏的参数，可以编写一个函数，如`getUrlParam(paramname)`，这个函数的工作原理是：
1. 创建一个正则表达式，匹配以`paramname`开头的查询参数，并将其与等号 (=) 和分隔符 (&) 分离。
2. 使用`substr(1)`去掉查询字符串的第一个字符（问号）。
3. 使用`match(reg)`找到匹配的参数值。
4. 如果匹配成功，使用`unescape()`函数解码参数值，返回结果；否则返回`null`。
例如，对于URL `http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosper`，你可以通过`getUrlParam('id')`获取到参数`id`的值，即`6666`，而`getUrlParam('name')`将返回`prosper`。
在实际应用中，这些功能对于动态响应用户输入、追踪页面状态或实现特定功能（如过滤、排序、搜索）非常有用。了解如何有效地处理和解析URL参数是每个JavaScript开发者必备的技能之一。因此，熟练掌握这些方法和函数，将有助于你构建更高效、更灵活的Web应用程序。
