`
Asen丶
  • 浏览: 40368 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

BOM元素之window对象

阅读更多

在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。这意味着在网页中定义的任何一个对象、变量和函数,都以window作为其Global对象,因此有权访问parseInt()等方法

 

在全局作用域中声明的变量、函数都会变成window对象的属性和方法

var age = 20;

function sayAge() {
    //由于sayAge()存在于全局作用域中,因此this.age被映射到window.age,最终显示的仍然是正确的结果。
    alert(this.age);
}

alert("window.age:" + window.age);
sayAge();
window.sayAge();

 

直接在window对象上定义的属性可以通过delete操作符删除

var i = 29;
window.color = "red";

delete window.i;//抛出错误
delete window.color;

alert(window.i);//29
alert(window.color);//undefined

 

利用window对象访问为申明的变量oldValue

var newValue = oldValue;//报错
var newValue = window.oldValue;//不会报错,因为这是一次属性查询

 

0
1
分享到:
评论

相关推荐

    BOM对象和DOM对象

    BOM的核心对象是`window`,它代表浏览器的一个实例,包含了所有其他BOM对象,如`document`、`navigator`、`screen`、`history`、`location`等。 1. `window`对象:全局对象,所有的JavaScript变量和函数都是其属性...

    js中的BOM和DOM对象

    例如,当用户点击按钮时,JavaScript可能首先通过DOM找到这个按钮元素,然后利用BOM的`window`对象弹出一个警告对话框。又或者,根据用户在`prompt()`中的输入改变页面的`location.href`,这涉及到了BOM的`location`...

    javascript操作BOM对象.docx

    本文档主要介绍了 JavaScript 操作 BOM( Browser Object Model)对象的相关知识点,包括 window 对象、history 对象、location 对象、Document 对象、Math 对象和 Date 对象等。 window 对象 window 对象是 BOM ...

    Javascript之BOM(window对象)详解

    JavaScript中的BOM(Browser Object Model,浏览器对象模型)主要处理与浏览器交互的接口,而其中的`window`对象是BOM的核心,它代表了浏览器的一个实例。`window`对象不仅充当JavaScript访问浏览器窗口的接口,同时...

    8.BOM对象.zip

    Window对象是BOM的基础,代表浏览器的一个窗口或框架。它是全局对象,所有的JavaScript代码都在Window对象的上下文中执行。Window对象提供了许多属性和方法,如`location`(用于获取或设置当前页面的URL)、`...

    第四章 浏览器对象模型BOM

    **4.2 window对象** 每个浏览器窗口都有一个对应的`window`对象,它提供了许多对窗口进行操作的方法。 - **窗口操作** - `moveBy(dx, dy)`: 相对于当前位置移动窗口。 - `moveTo(x, y)`: 移动窗口到指定屏幕坐标...

    浏览器对象BOM.ppt

    浏览器对象模型(BOM,Browser Object Model)是Web开发中的一种特性,自IE3和Netscape Navigator 3以来被广泛使用。...通过对window对象的深入理解和使用,可以创造出更加灵活、个性化的用户体验。

    简单的bom文档

    - **定义**:`window` 对象是 BOM 的核心,所有其他对象都作为 `window` 的子对象存在。 - **作用**:`window` 主要用于管理和控制浏览器窗口的操作,比如调整窗口大小、移动窗口位置、导航到新的 URL 等。 - **实例...

    BOM知识点汇总

    - **全局作用域**:JavaScript中的所有代码都运行在Window对象的上下文中,因此Window是全局对象。 - **属性**:如`window.location`用于获取或设置当前页面的URL,`window.document`指向Document对象,`window....

    Javascript之BOM与DOM讲解

    另一方面,`window`对象是BOM的核心,它是全局作用域的默认对象,意味着在JavaScript代码中,没有声明的变量和函数实际上是在`window`对象下定义的。 通过理解和熟练运用JavaScript的这三个组成部分,开发者可以...

    BOM和DOM模型图

    #### 二、Window对象 `Window`对象是BOM的核心,几乎所有与浏览器交互的行为都可以通过它来实现。下面详细介绍一些常见的属性: 1. **status**:设置或返回窗口状态栏中的文本。这在早期的浏览器中比较常见,但...

    js的bom操作

    浏览器对象模型(BOM),是JavaScript语言中的一种对象模型,它提供了浏览器对象的信息和操作方法。通过BOM,可以获取当前浏览器对象上的一系列内容,并实现各种功能。 BOM的功能 1. 打开和关闭网页 2. 获取当前...

    Web前端开发技术-认识BOM对象.pptx

    BOM的核心对象是`window`,它代表了浏览器的一个实例,包含了整个浏览器窗口的所有内容,包括页面、工具栏、菜单等。`window`对象不仅包含了DOM中的`document`对象,还包含了其他如`history`、`location`、`...

    bom学习的部分教学案例

    所有其他BOM对象都是Window对象的属性或方法,例如`document`、`location`、`history`等。 2. **Document对象**:表示HTML文档,提供了访问和操作HTML元素的接口。例如,我们可以使用`getElementById()`、`...

    javascript bom组成.doc

    BOM的核心是`Window`对象,它提供了与浏览器窗口相关的各种功能,如弹出新窗口、移动或关闭窗口、调整窗口大小以及控制页面导航等。 `Window`对象有多个常用属性和方法。例如,`history`属性存储了用户访问过的URL...

    slide-bom:浏览器对象模型 (BOM) 的网页幻灯片

    1. **Window对象**: `window`对象是全局对象,所有JavaScript代码都默认运行在`window`对象的上下文中。它包含了对页面、文档、位置、历史、定时器等的访问方法。 2. **Document对象**: 表示整个HTML或XML文档,...

    JS(BOM_DOM).docx

    BOM的核心对象是`window`,它不仅是ECMAScript规定的全局对象,同时也是JS与浏览器窗口交互的接口。`window`对象包含了多个子对象,如`location`、`history`、`navigator`和`screen`,分别用于页面导航、浏览历史、...

    JavaScrip文档对象模型(DOM).

    3. **浏览器对象**:例如`window`、`location`、`history`和`navigator`等,用于访问和控制浏览器的各种功能。 4. **文档对象**:如`document`、`images`、`form`等,用于操作文档中的各种元素。 #### DOM与BOM的...

    BOM的用法介绍.docx

    BOM的核心对象是`window`,它不仅是所有其他对象的父对象,还包含了控制窗口的各种函数,如位置、大小、滚动以及焦点的控制。 `window`对象是BOM的顶级对象,它代表了浏览器的一个窗口。你可以通过`window`对象访问...

    九、前端开发中BOM与DOM详解及其应用场景

    主要涵盖了BOM中的window、location、history、navigator对象以及onload事件、定时器的应用,还探讨了DOM的基本操作,如查询、创建、修改、删除元素节点。同时,结合实际案例,展示了BOM和DOM的具体应用场景。 适合...

Global site tag (gtag.js) - Google Analytics