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

JS操作BOM元素属性和方法

阅读更多
BOM定义了JavaScript可以进行操作的浏览器的各个功能部件的接口,提供访问文档各个功能部件(如窗口本身、屏幕功能部件、浏览历史记录等)的途径以及操作方法。遗憾的是,BOM只是JavaScript脚本实现的一部分,没有任何相关的标准,每种浏览器都有自己的BOM实现,这可以说是BOM 的软肋所在。

通常情况下浏览器特定的JavaScript扩展都被看作BOM的一部分,主要包括:
·关闭、移动浏览器及调整浏览器窗口大小;
·弹出新的浏览器窗口;
·提供浏览器详细信息的定位对象;
·提供载入到浏览器窗口的文档详细信息的定位对象;
·提供用户屏幕分辨率详细信息的屏幕对象;
·提供对cookie的支持;
·加入ActiveXObject类扩展BOM,通过JavaScript实例化ActiveX对象。
BOM有一些事实上的标准,如窗口对象、导航对象等,但每种浏览器都为这些对象定义或扩展了属性及方法。

分享到:
评论

相关推荐

    js的bom操作

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

    javascript操作BOM对象.docx

    location 对象提供了多种属性和方法来操作当前 URL,例如: * `host`:设置或返回主机名和当前 URL 的端口号。 * `hostname`:设置或返回当前 URL 的主机名。 * `href`:设置或返回完整的 URL。 * `reload()`:重新...

    Javascript操作BOM和DOM

    BOM是浏览器提供的一系列接口,它允许JavaScript访问和操作浏览器的特性,如窗口、导航、历史记录、cookies等。BOM的核心对象是`window`,它是所有其他BOM对象的父级。以下是一些关键的BOM知识点: 1. **window对象...

    js学习资源(js基础、BOM和DOM操作)

    - **Window对象**:BOM的核心,提供了location、navigator、document等属性和方法,例如window.alert()用于弹窗,window.location.href用于改变当前页面URL。 - **Document对象**:用于访问和操作HTML文档,包括...

    DOM和BOM的使用

    元素节点对象是指 DOM 中的元素节点对象,它提供了许多方法和属性,开发者可以通过这些方法和属性来操作文档的内容和结构。 innerHTML innerHTML 是指 DOM 中的 innerHTML 属性,它允许开发者通过 JavaScript 修改...

    js中的BOM和DOM对象

    又或者,根据用户在`prompt()`中的输入改变页面的`location.href`,这涉及到了BOM的`location`属性和DOM的元素操作。 总结来说,BOM和DOM是JavaScript在Web开发中不可或缺的工具。BOM让我们能够操控浏览器的行为,...

    第二章JavaScript操作BOM对象4

    理解这些基础知识是掌握JavaScript和进一步学习BOM对象操作的前提。在后续章节中,我们将更深入地探索JavaScript如何与浏览器的BOM(Browser Object Model)交互,例如操作窗口、文档、表格、表单以及事件处理等。

    JS学习笔记(BOM,DOM,字符串方法等)

    JavaScript(简称JS)是一种广泛用于客户端Web开发的脚本语言,它主要运行在浏览器环境中,提供了丰富的功能,包括处理BOM(Browser Object Model)和DOM(Document Object Model)。本篇笔记将详细介绍数组方法、...

    javascript bom组成.doc

    `Window`对象有多个常用属性和方法。例如,`history`属性存储了用户访问过的URL信息,`location`属性则包含了当前URL的相关信息。通过`window.location`,我们可以直接更改URL,如`window.location=...

    BOM和DOM模型图

    DOM将整个文档看作一个倒置的树形结构,每个节点都是一个对象,可以通过脚本进行访问和操作。 #### 二、Window对象 `Window`对象是BOM的核心,几乎所有与浏览器交互的行为都可以通过它来实现。下面详细介绍一些...

    JavaWeb-03(JavaScript 和BOM)

    可以使用属性和方法来改变元素的样式、内容和位置。 4. **Event处理**:通过addEventListener和removeEventListener来监听和处理用户交互事件,如点击、滚动、键盘输入等。 5. **Navigator对象**:提供有关浏览器...

    Javascript之BOM与DOM讲解

    BOM的核心对象是`window`,它代表了浏览器的一个窗口,并提供了许多与浏览器功能相关的属性和方法,如`window.location`用于获取或设置当前页面的URL,`window.navigator`包含了关于用户浏览器的信息。BOM不仅限于...

    JavaScript_2_DOM和BOM1

    JavaScript DOM 和 BOM JavaScript 的 DOM(Document Object Model)和 BOM(Browser Object Model)是两种不同的对象...JavaScript 的 DOM 和 BOM 提供了访问和操作 HTML 元素的能力,从而实现动态的 Web 应用程序。

    BOM对象和DOM对象

    1. `window`对象:全局对象,所有的JavaScript变量和函数都是其属性或方法。它也提供了与用户交互的能力,例如`alert()`用于弹出警告对话框,`confirm()`用于显示确认对话框,`prompt()`用于获取用户输入。 2. `...

    js笔记整理BOM和DOM,es5和es6

    DOM(Document Object Model)是HTML和XML文档的结构化表示,它将网页内容转换为一个树形结构,每个元素、属性和文本都被表示为节点。DOM提供了操作页面内容的方法,例如document对象可以用来创建、查找、修改和删除...

    2.06 BOM操作.pdf

    浏览器对象模型(BOM,Browser Object Model)是JavaScript与浏览器交互的核心机制,它允许开发者操作浏览器窗口、页面元素以及与用户交互的各种功能。BOM并非由一个统一的标准组织定义,而是起源于早期的Netscape...

    【JavaScript源代码】JavaScript中BOM和DOM详解.docx

    总的来说,BOM和DOM是JavaScript与网页进行交互的两个基础框架,它们使得我们能够动态地创建、修改和操作网页内容,以及与用户的交互行为。理解和熟练掌握这两个模型对于任何前端开发者来说都至关重要。

    JS浏览器BOM常见操作实例详解

    本文将深入解析JS浏览器BOM的一些常见操作,并提供实例来帮助理解。 首先,我们来看一下如何获取浏览器窗口的尺寸。在大多数现代浏览器中,可以使用`window.innerHeight`和`window.innerWidth`来获取窗口的内部高度...

    javascript中的BOM与DOM、JS核心[收集].pdf

    在实际使用JavaScript时,了解BOM和DOM的基本结构和方法是至关重要的。例如,`window.open()`用于打开新窗口,`window.alert()`用于显示警告对话框,`document.getElementById()`用于查找ID匹配的元素,`document....

Global site tag (gtag.js) - Google Analytics