Skip to content

location 对象是浏览器环境中用于提供有关当前加载文档的信息的对象。它包含了一些属性,可以用于获取和操作浏览器的地址栏信息,以及导航到新的页面。以下是一些常见的 location 对象的属性和方法:

  1. location.href 返回当前文档的完整 URL。

    javascript
    console.log(location.href);
  2. location.protocol 返回当前文档的协议(例如 "http:" 或 "https:")。

    javascript
    console.log(location.protocol);
  3. location.host 返回当前文档的主机名和端口号。

    javascript
    console.log(location.host);
  4. location.hostname 返回当前文档的主机名。

    javascript
    console.log(location.hostname);
  5. location.port 返回当前文档的端口号。

    javascript
    console.log(location.port);
  6. location.pathname 返回当前文档的路径部分。

    javascript
    console.log(location.pathname);
  7. location.search 返回当前文档的查询部分,即 URL 中的参数部分。

    javascript
    console.log(location.search);
  8. location.hash 返回当前文档的锚点标识部分。

    javascript
    console.log(location.hash);
  9. location.assign(url) 加载并显示指定的 URL。

    javascript
    location.assign("https://www.example.com");
  10. location.reload() 重新加载当前文档。

    javascript
    location.reload();

location 对象允许开发者读取和操作浏览器的地址栏信息,以及通过导航方法加载新的页面。请注意,对 location 对象的一些操作可能导致页面刷新或跳转,因此需要谨慎使用。请问有什么我可以帮助您的吗?