📜  javascript window 和 Window 的区别 - Javascript (1)

📅  最后修改于: 2023-12-03 15:16:07.556000             🧑  作者: Mango

JavaScript window 和 Window 的区别

在 JavaScript 中,window 和 Window 之间存在很多的区别。我们可以通过下面的介绍来了解它们之间的差异。

window

window 是一个全局的对象,它代表了浏览器窗口,同时也是 JavaScript 的一个默认对象。可以通过 window 对象来访问和操作浏览器的各种属性和方法。

常用的 window 属性和方法
  • window.location - 返回当前页面的 URL 信息
  • window.document - 返回当前页面的文档对象
  • window.alert() - 显示一个警告框
  • window.prompt() - 显示一个提示框,需要用户输入数据
  • window.confirm() - 显示一个确认框
// 弹出一个对话框提示用户输入姓名
var name = window.prompt("请输入您的姓名:");

// 显示一个确认框,确定是否要删除该文章
var answer = window.confirm("您确定要删除这篇文章吗?");
if (answer) {
  // 用户点击了确认按钮,执行删除操作
}
Window

Window 是一个构造函数,它可以用来创建浏览器窗口。在 JavaScript 中,我们可以通过创建一个 Window 对象来操作和控制一个浏览器窗口的各种属性和方法。

创建一个新窗口
// 创建一个新窗口,在地址栏中打开百度网站
var newWindow = new Window("http://www.baidu.com");
Window 对象常用的属性和方法
  • Window.close() - 关闭当前窗口
  • Window.document - 返回当前窗口的文档对象
  • Window.opener - 返回打开当前窗口的父窗口对象
  • Window.parent - 返回当前窗口的父窗口对象
  • Window.top - 返回最顶层的窗口对象
// 关闭当前窗口
window.close();

// 返回打开当前窗口的父窗口对象
var parentWindow = window.opener;

// 在当前窗口中调用父窗口中的函数
window.parent.myFunction();

通过上面的介绍,我们可以发现 window 和 Window 之间确实存在很多的差异,需要我们在项目中灵活运用。