【学习 JavaScript】 JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 字符串模板 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语句 JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JS 函数 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 JS 类 JavaScript 类 JavaScript 类继承 JavaScript 静态方法 JS HTML DOM DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JS 高级教程 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JS 浏览器BOM JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JS 库 JavaScript 库 JavaScript 测试 jQuery JavaScript 测试 Prototype JS 实例 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JS 参考手册

JavaScript Window Location 学习笔记

简介

在 JavaScript 中, location 对象是一个包含当前窗口 URL 信息的对象。可以通过该对象来读取或修改窗口中当前显示的网页 URL。

常用方法和属性

以下列举了一些常用的方法和属性:

属性:

  • location.href:设置或返回完整的 URL。
  • location.host:设置或返回主机名和当前 URL 的端口号。
  • location.hostname:设置或返回主机名部分。
  • location.pathname:设置或返回当前 URL 的路径部分。
  • location.port:设置或返回当前 URL 的端口号部分。
  • location.protocol:设置或返回当前 URL 的协议部分。

方法:

  • location.assign(url):将文档加载到新的 URL。
  • location.reload():重新加载当前 URL。
  • location.replace(url):用新的 URL 替换当前 URL。

实例

以下是一些基于 location 对象的实例:

javascriptCopy Code
// 获取当前 URL 的完整地址 console.log(location.href); // 修改当前 URL 的路径 location.pathname = "/index.html"; // 将文档加载到新的 URL location.assign("https://www.example.com"); // 重新加载当前 URL location.reload(); // 用新的 URL 替换当前 URL location.replace("https://www.example.com");

以上只是一些简单的示例,location 对象还有更多的用途,例如获取 URL 中的查询字符串和哈希值等。熟悉 location 对象的基本用法,可以让我们更好地控制网页的跳转和显示。