前端开发：JS中的Window对象详解

前言

在前端开发过程中，关于全局对象的使用是非常常用的，其实每个JS环境中都一个全局对象，尤其是在实际开发过程中全局范围内创建任何变量都是这个全局对象的属性，且任何函数都是它的方法。在实际浏览器环境下，Window对象就是全局对象的标志，它表示包含网页的浏览器窗口。那么本篇文章就来分享一下关于window对象相关的知识点，方便查阅使用。

浏览器对象模型(BOM)

在浏览器对象模型BOM暂时没有正式标准的时候，现在浏览器几乎已经实现了JS交互性方面的相同方法和属性，所以经常被认为是BOM的方法和属性。

Window对象

在所有浏览器中都是支持Window对象的，Window对象代表一个浏览器的窗口或者一个框架。在客户端JS中，Window对象就是全局的对象，所有的表达式都是在当前的环境中计算的。所有JS全局对象、函数及变量均自动成为window对象的组成成员，其中全局变量是window对象的属性、全局函数是window对象的方法。

Window子对象

Window其实有很多子对象，主要的有以下几个：

1、JS的frames对象：包括当前浏览器窗口的框架集合

2、JS的document对象：包括整个HTML文档，可用来访问文档的内容及其所有页面元素

3、JS的history对象：包括浏览器窗口访问过的URL信息

4、JS的location对象：包括当前网页文档的URL信息

5、JS的screen对象：包含客户端屏幕的信息

6、JS的navigator对象：包括客户端有关浏览器信息

什么是全局作用域

在

前端开发：JS中的Window对象详解相关推荐

JS中的event 对象详解
JS中的event 对象详解 JS的event对象 Event属性和方法: 1. type:事件的类型,如onlick中的click: 2. srcElement/target:事件源,就是发生事件的 ...
JavaScript中的window对象详解
1.window对象简介 (1)在JavaScript中,一个浏览器窗口就是一个window对象. (2)一个窗口就是一个window对象,这个窗口里面的HTML文档就是一个document对象,do ...
JS中的this对象详解
2019独角兽企业重金招聘Python工程师标准>>> JS中this关键字很常见,但是它似乎变幻莫测,让人抓狂.这篇文章就来揭示其中的奥秘. 借助阮一峰老师的话:它代表函数运行时, ...
JS window对象详解
JS window对象详解 1.window对象 2.窗口操作打开窗口关闭窗口 3.对话框 confirm prompt 4.定时器 setTimeout和clearTimeout setInte ...
【JavaScript 教程】ES6 中的 Promise对象详解
[JavaScript 教程]ES6 中的 Promise对象详解 1.Promise对象含义 promise是异步编程的一种解决方法. 所谓promise,简单说是一个容器,里面保存着某个未来才会 ...
JS 中 valueOf() 方法的详解
JS 中 valueOf() 方法的详解 JavaScript 中的 valueOf() 方法用于返回指定对象的原始值,若对象没有原始值,则将返回对象本身.通常由JavaScript内部调用,而不是在 ...
js中indexOf的用法详解
js中indexOf的用法详解 String.IndexOf 方法 (Char, [startIndex], [count]) 报告指定字符在此实例中的第一个匹配项的索引.搜索从指定字符位置开始,并检 ...
Window对象详解
注:页面上元素name属性以及JavaScript引用的名称必须一致包括大小写否则会提示你1个错误信息 "引用的元素为空或者不是对象" --------------------- ...
Javascript中的Document对象详解
Document对象详解 document 文挡对象 - JavaScript脚本语言描述 -------------------------------------------- ...