文档章节

DOM 和 BOM

fp94
 fp94
发布于 2015/02/04 22:15
字数 531
阅读 41
收藏 1
DOM
DOM 为 javascript 中的“文档对象模型”,但不是只有 javascript 才有;

DOM 1级(主要是映射文档的结构)

    DOM核心(DOM Core):规定如何映射基于 XML 的文档结构,以便简化对文档中任意部分的访问和操作;
    DOM HTML:该模块基于 DOM 核心的基础上加以扩展,添加了针对 HTML 的对象和方法;   


DOM 2级(扩充了鼠标和用户界面事件、范围、遍历等细分模块)

    DOM 视图(DOM Views):定义了跟踪不同文档视图的接口;

    DOM 事件(DOM Events):定义了事件和事件处理的接口;

    DOM 样式(DOM Style):定义了基于 CSS 为元素应用样式的接口;

    DOM 遍历和范围(DOM Traversal and Range):定义了遍历和操作文档树的接口;


DOM 3级(进一步扩展了 DOM 并开始支持 XML 1.0 规范)

    DOM 加载和保存模块(DOM Load and Save)

    DOM 验证模块(DOM Validation)


其它 DOM 标准

    除了 DOM 核心和 DOM HTML 接口之外,另外几种语言还发布了只针对自己的 DOM 标准。下面列出的语言都是基于 XML 的,每种语言的 DOM 标准都添加了与特定语言相关的新方法和新接口:

    SVG(Scalable Vector Graphic) 可伸缩矢量图;

    MathML(Mathematical Markup Language) 数学标记语言;

    SMIL(Synchronized Multimedia Integration Language) 同步多媒体集成语言;


注:IE 5.5 ~ IE 8 只支持 DOM 1级,IE 9 +  才支持 DOM 1、2、3级


BOM 为浏览器对象模型

    从根本上讲,BOM只处理浏览器窗口和框架;但人们习惯上也把所有针对浏览器的 JavaScript 扩展算作 BOM 的一部分。

例:    

        弹出新浏览器窗口的功能;

        移动、缩放和关闭浏览器窗口的功能;

        提供浏览器详细信息的 navigator 对象;

        提供浏览器所加载页面的详细信息的 location 对象;

        提供用户显示器分辨率详细信息的 screen 对象;

        对 cookies 的支持;

        像 XMLHttpRequest 和 IE 的 ActiveXObject 这样的自定义对象;



00


© 著作权归作者所有

fp94
粉丝 0
博文 9
码字总数 3666
作品 0
南川
程序员
私信 提问
图解BOM与DOM的区别与联系

区别 BOM(Browser Object Model) BOM 即浏览器对象模型,BOM没有相关标准,BOM的最核心对象是window对象。window对象既为javascript访问浏览器提供API,同时在ECMAScript中充当Global对象。...

Husbin
2018/01/13
0
0
谈谈浏览器里的JavaScript

在许多的网页前端教学或是文章书籍当中,你可能常常听到这样的说法:「HTML、CSS 与JavaScript 是网页前端三大要素」,其中: HTML 负责资料与结构 CSS 负责样式与呈现 JavaScript 负责行为与...

米淇淋
昨天
0
0
DOM,DOCUMENT; BOM,WINDOW

这几个知识点,你真的都吃透了吗? # 先说 DOM: DOM 全称是 Document Object Model,也就是文档对象模型 DOM 就是针对 HTML 和 XML 提供的一个API,就是为了开发人员能操作 HTML 内容(比如...

果汁凉茶丶
2018/01/06
0
0
JavaScript的各种对象

当人们谈论JavaScript的时候,往往并不严谨。因为在一个面向对象的语言中,你总是喜欢这么说:“一切都是对象”。难道真的什么都是“对象”吗?下面来说说我的看法。 通常我们谈论的JavaScr...

梵高
2011/08/13
0
0
JavaScript的组成 | DOM/BOM

往期回顾 在上一期的《JavaScript的组成 核心-ECMAScript 》☜里,我们有说到JavaScript 是由三大部分组成,分别是:核心ECMAScript、文档对象模型-DOM、浏览器对象模型-BOM 那么本期就让我们...

我的卡
2018/11/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

任正非对华为热点问题的回应亮了,终于知道华为为什么能扛过这一次的冲击!

任正非对华为热点问题的回应亮了,终于知道华为为什么能扛过这一次的冲击! 如果你是华为的老板,看到一条传遍网络的“美国封锁华为”、“华为禁令”的消息,你会怎么办? 昨天上午,华为创始...

forespider
34分钟前
1
0
Java HTTP 组件库选型看这篇就够了

最近项目需要使用 Java 重度调用 HTTP API 接口,于是想着封装一个团队公用的 HTTP client lib. 这个库需要支持以下特性: 连接池管理,包括连接创建和超时、空闲连接数控制、每个 host 的连...

Java面经
35分钟前
2
0
nginx 重启

在 nginx.config 配置目录下 输入命令: nginx -s reload 在 nginx 中,如果我修改了一个配置文件,或者新增了一个配置文件。按照群里网友的描述,我需要关闭 nginx,或者重启 nginx,比较麻...

MrBoyce
36分钟前
0
0
Cesium中级5 - Terrain 地形

Cesium中文网:http://cesiumcn.org/ | 国内快速访问:http://cesium.coinidea.com/ CesiumJS支持对与水流相关的海洋、湖泊和河流以及全球高分辨率地形进行流式处理和可视化。查看山峰、山谷...

Cesium中文网
49分钟前
0
0
搭建jupyter+nginx服务

Tips:该文章面向Mac和centos用户,如果是Windows用户,请先安装虚拟机。 概述 Jupyter Notebook(此前被称为 IPython notebook)是一个交互式笔记本,支持运行 40 多种编程语言。 Jupyter ...

阿dai学长
50分钟前
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部