您好，登录后才能下订单哦！
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
在JavaScript中，window对象是全局对象，代表浏览器窗口。它包含了浏览器窗口的所有属性和方法，并且是所有全局变量和函数的容器。window对象是BOM（Browser Object Model，浏览器对象模型）的核心，通过它我们可以控制浏览器窗口的行为和状态。
window.document属性返回当前窗口的文档对象，即document对象。document对象是DOM（Document Object Model，文档对象模型）的核心，通过它可以访问和操作HTML文档的内容。
console.log(window.document.title); // 输出当前页面的标题
window.location属性返回当前窗口的URL信息。通过它，我们可以获取或设置当前页面的URL。
console.log(window.location.href); // 输出当前页面的完整URL
window.location.href = "https://www.example.com"; // 跳转到指定URL
window.navigator属性返回浏览器的信息，包括浏览器名称、版本、操作系统等。
console.log(window.navigator.userAgent); // 输出浏览器的用户代理字符串
window.screen属性返回屏幕的信息，包括屏幕的宽度、高度、颜色深度等。
console.log(window.screen.width); // 输出屏幕的宽度
window.history属性返回浏览器的历史记录。通过它，我们可以在浏览器的历史记录中前进或后退。
window.history.back(); // 后退到上一个页面
window.history.forward(); // 前进到下一个页面
window.alert()方法用于显示一个带有指定消息和“确定”按钮的警告框。
window.alert("这是一个警告框");
window.confirm()方法用于显示一个带有指定消息和“确定”及“取消”按钮的对话框。用户点击“确定”返回true，点击“取消”返回false。
if (window.confirm("你确定要删除吗？")) {
console.log("用户点击了确定");
} else {
console.log("用户点击了取消");
}
window.prompt()方法用于显示一个带有指定消息、输入框和“确定”及“取消”按钮的对话框。用户输入内容并点击“确定”后，返回输入的内容；点击“取消”返回null。
let name = window.prompt("请输入你的名字", "张三");
if (name) {
console.log("你输入的名字是：" + name);
} else {
console.log("用户取消了输入");
}
window.open()方法用于打开一个新的浏览器窗口或标签页。
window.open("https://www.example.com", "_blank");
window.close()方法用于关闭当前窗口。
window.close();
window.setTimeout()方法用于在指定的毫秒数后执行一次指定的函数。
window.setTimeout(function() {
console.log("2秒后执行");
}, 2000);
window.setInterval()方法用于每隔指定的毫秒数重复执行一次指定的函数。
let intervalId = window.setInterval(function() {
console.log("每隔1秒执行一次");
}, 1000);
// 停止执行
window.clearInterval(intervalId);
window.clearTimeout()方法用于取消由window.setTimeout()设置的定时器。
let timeoutId = window.setTimeout(function() {
console.log("这行代码不会执行");
}, 2000);
window.clearTimeout(timeoutId);
window.clearInterval()方法用于取消由window.setInterval()设置的定时器。
let intervalId = window.setInterval(function() {
console.log("这行代码不会执行");
}, 1000);
window.clearInterval(intervalId);
window.onload事件在页面完全加载后触发，包括所有的图像、脚本、CSS等资源。
window.onload = function() {
console.log("页面已完全加载");
};
window.onresize事件在浏览器窗口大小改变时触发。
window.onresize = function() {
console.log("窗口大小已改变");
};
window.onscroll事件在页面滚动时触发。
window.onscroll = function() {
console.log("页面正在滚动");
};
window.onbeforeunload事件在页面即将卸载时触发，通常用于提示用户保存未保存的数据。
window.onbeforeunload = function() {
return "你确定要离开此页面吗？";
};
window.frames属性返回当前窗口中的所有框架（<iframe>元素）的集合。
console.log(window.frames.length); // 输出当前窗口中的框架数量
window.parent属性返回当前窗口的父窗口。如果当前窗口是顶级窗口，则window.parent返回window自身。
console.log(window.parent === window); // 如果当前窗口是顶级窗口，输出true
window.top属性返回当前窗口的顶级窗口。如果当前窗口是顶级窗口，则window.top返回window自身。
console.log(window.top === window); // 如果当前窗口是顶级窗口，输出true
window.self属性返回当前窗口的引用，通常与window相同。
console.log(window.self === window); // 输出true
window.opener属性返回打开当前窗口的窗口的引用。如果当前窗口不是通过window.open()打开的，则window.opener返回null。
console.log(window.opener); // 输出打开当前窗口的窗口的引用
在JavaScript中，所有全局变量都是window对象的属性。
var globalVar = "这是一个全局变量";
console.log(window.globalVar); // 输出"这是一个全局变量"
在JavaScript中，所有全局函数都是window对象的方法。
function globalFunction() {
console.log("这是一个全局函数");
}
window.globalFunction(); // 输出"这是一个全局函数"
虽然window对象在现代浏览器中得到了广泛支持，但在某些旧版浏览器中可能存在兼容性问题。例如，window.requestAnimationFrame()方法在IE9及以下版本中不被支持。因此，在使用window对象时，建议检查浏览器的兼容性。
window对象是JavaScript中最重要的全局对象之一，它提供了丰富的属性和方法来控制浏览器窗口的行为和状态。通过window对象，我们可以访问和操作文档、URL、浏览器信息、屏幕信息、历史记录等。此外，window对象还提供了多种事件和方法，用于处理页面加载、窗口大小改变、页面滚动等操作。掌握window对象的使用，对于开发复杂的Web应用程序至关重要。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。