笔记七、JavaScript Window对象

m0_69224248

已于 2023-10-12 09:48:42 修改

阅读量51

点赞数

文章标签：笔记

于 2023-10-07 14:06:53 首次发布

本文链接：https://blog.csdn.net/m0_69224248/article/details/133636320

版权

一、BOM模型

BOM，浏览器对象模型，它提供了一些 主要用于访问浏览器的功能 的对象，赋予了JavaScript操作浏览器的能力。

由多个子对象组成的，其中window对象是他的核心，也是BOM的顶层对象，代表浏览器环境中的一个全局顶级对象，因此 所有在浏览器环境中使用的对象（如： DOM对象）都是window对象的子级对象，被作为window对象的属性来引用。

window对象：表示浏览器窗口，是JS的顶层对象。
location对象：浏览器当前的URL信息。
navigator对象：浏览器本身信息。
history对象：浏览器的浏览历史记录信息。
screen对象：浏览器的屏幕信息。
document对象：代表当前窗口的网页文档。该对象是JS对DOM的具体实现。

二、Window对象

Window 对象是BOM的核心，是 JavaScript 层级中的顶层对象，它是浏览器的一个实例。在浏览器中，window 对象有双重角色，它既是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的全局对象。 Window 对象还实现了核心 JavaScript 所定义的所有全局属性和方法。

（一）常用属性

1.window.self ：引用本窗口

2.window.name ：为窗口名字

3.window.defaultStatus ：窗口状态栏信息

4.window.location ：为URL地址，通过设置该属性可打开新的页面

（二）常用方法

1.window.onload(),：当整个页面及所有依赖资源如样式表和图片都已完成加载时，将触发load事件，常用于 <body> 元素，在页面完全载入后(包括图片、css文件等等资源载入后)执行脚本代码。

2. 消息框方法

window.alert(message) ：提示信息会话框，弹出警告对话框，上面显示有指定的文本内容和一个确定按钮。

window.confirm(message)：确认会话框，一个具有可选消息的模态框，用户验证是否接受某项操作的确认框。

window.prompt() ：输入会话框。

result = window.prompt(text, value);

参数说明

text ：将在对话框中显示的提示文本。

value ：输入框中的默认内容，类似于placeholder的功能

返回值

result ：如果用户点击取消，则会返回null；如果用户输入内容点击确定，则会返回用户输入的内容

3.窗口方法

（1）新建窗口：window.open(url, target, features, replace)

url：为新窗口加载的URL。
target：为新窗口的名字。这里可以指定窗口用于弹窗，如果不存在，则新建窗口。
features：为字符串值，内容用逗号分隔，参数不能有空格。

（2）关闭窗口：通过 close() 方法关闭浏览器窗口。

（3）定时器：

window.setIntervel(func, interval, args) ：每隔指定时间(毫秒)执行一次操作
1）func ：需要执行的代码，可以是一个代码串，也可以是一个函数，该参数是字符串类型。

2）interval ：重复执行 code的时间间隔，单位是毫秒。

3）args：参数列表（可选），可以将参数列表传给我们的执行函数。

4）返回值 ：会返回一个 ID（数字类型），我们可以将此ID传递给clearInterval()或clearTimeout()函数用来执行取消操作。
window.clearInterval() ：清除时间间隔。此方法需要接受一个参数，该参数是需要清除的interval的ID
window.setTimeout() ：等待指定时间(毫秒)后再执行操作
indow.clearTimeout() ：取消 timeout