js window对象属性和方法相关资料整理

关于JavaScript中的window对象，我们可以分别从属性和方法两个方面进行讲解：

window对象属性

窗口大小：

• innerWidth/innerHeight: 获取窗口的内部宽度和高度（不包含边框、工具栏等部分）。
• outerWidth/outerHeight：获取窗口的外部宽度和高度（包含边框、工具栏等部分）。

地址栏和历史记录：

• location：表示当前页面的地址信息，可以获取或修改。
• history：表示浏览器历史记录，可以使用back()、forward()、go()等方法操作。

屏幕信息：

• screen.width/screen.height：获取屏幕的宽度和高度。
• screen.availWidth/screen.availHeight：获取屏幕的可用宽度和高度（不包含任务栏等高度）。

其它常用属性：

• document：表示当前文档对象，可以访问文档中的元素、样式等信息。
• navigator：表示当前浏览器的信息，可以获取浏览器类型、版本、语言等信息。
• alert/confirm/prompt：三个方法分别用于弹出警告框、确认框和提示框。

window对象方法

窗口操作：

• open(url, name, features)：打开一个新窗口。
• close()：关闭当前窗口。
• resizeTo(width, height)：调整窗口大小。
• moveTo(x, y)：移动窗口位置。
• scrollBy(x, y)：按照指定的像素数水平或垂直滚动窗口。

页面操作：

• setTimeout(fn, delay)：延迟指定时间后执行一个函数。
• setInterval(fn, delay)：每隔指定时间执行一个函数。
• clearTimeout(timer)：取消由setTimeout创建的延迟执行操作。
• clearInterval(timer)：取消由setInterval创建的定时执行操作。
• eval(code)：执行一段JS代码。

示例1：使用window对象的alert方法弹出提示框

window.alert('Hello World');

示例2：使用window对象的setTimeout方法延迟执行一个函数

function sayHello() {
    console.log('Hello World');
}
window.setTimeout(sayHello, 2000);

以上就是关于JavaScript中window对象属性和方法的相关资料整理。