JavaScript location对象
JavaScript 教程
收录了这篇文章

在JavaScript中,location对象是一个非常重要且常用的对象,它提供了与当前窗口中加载的文档有关的URL信息及操作方法。location对象是window对象的一个属性,因此可以直接通过window.location或者简写为location来访问。

属性

  1. href: 返回或设置当前文档的完整URL。
  2. protocol: 返回当前URL的协议(例如'http:'或'https:')。
  3. host: 返回当前URL的主机名和端口号(例如'example.com:80')。
  4. hostname: 返回当前URL的主机名(例如'example.com')。
  5. port: 返回当前URL的端口号。
  6. pathname: 返回当前URL的路径部分(从域名后的第一个斜杠"/"开始)。
  7. search: 返回URL的查询字符串部分(从问号"?"开始)。
  8. hash: 返回URL的片段标识符部分(从井号"#”开始)。

方法

  1. assign(url): 加载新的文档,相当于执行了浏览器的“导航至新URL”的动作。
  2. reload(): 重新加载当前文档。可选参数true表示强制从服务器而不是缓存中重新加载。
  3. replace(url): 用新的文档替换当前文档,不会在浏览器的历史记录中生成一条新记录。
  4. toString(): 返回一个表示当前URL的字符串。

示例

  • 获取当前页面的完整URL:

    console.log(location.href);
  • 改变当前页面的URL并加载新页面:

    location.assign('https://www.example.com');
  • 重新加载页面:

    location.reload();
    // 或者强制从服务器重新加载
    location.reload(true);
  • 替换当前页面为另一个页面,不保留历史记录:

    location.replace('https://www.another-example.com');

通过操作location对象,开发者可以灵活地控制网页的导航行为,实现页面跳转、刷新等常见功能。

声明:本站所有文章和图片,如无特殊说明,均为原创发布。商业转载请联系作者获得授权,非商业转载请注明出处。
随机推荐
WordPress 添加自定义接口
WordPress 常用接口
JavaScript navigator对象
支持 Selector API 的 HTML 解析器 node-html-parser
WP_REST_Response 返回结果类
JavaScript getter和setter
Node.js stream 流
WordPress 的用户角色和权限