DOM BOM document window 区别

DOM 是为了操作文档出现的 API，document 是其的一个对象；

BOM 是为了操作浏览器出现的 API，window 是其的一个对象。

使用下图讲解：

归DOM管的：

E区：即document

归BOM管的：

A区：浏览器的地址栏，书签栏等

B区：右键菜单

C区：document加载时的状态等

D区：滚动条

E区：document

时间： 2024-08-04 14:38:21

DOM BOM document window 区别的相关文章

jquery学习笔记一之window.onload与$(document).ready()区别

1.window.onload与$(document).ready()区别执行时机:前者必须等待网页中所有的内容加载完毕后(包括图片)才能执行,后者网页中说有的Dom结构绘制完毕后就执行,可能Dom元素关联的内容并没有加载完成. <!DOCTYPE html> <html> <head> <title>test</title> <script type="text/javascript" src="js/j

window.onload()和$(document).ready()区别

1 $(window).load(function() { 2 $("#btn-upload").click(function(){ //比如说: 3 uploadPhotos(); 4 }); 5 }); window.onload()和$(document).ready()区别

DOM & BOM ：起源、方法、内容、应用

文档对象模型 (DOM):处理网页内容的方法和接口浏览器对象模型(BOM):与浏览器交互的方法和接口 1. DOM 是 W3C的标准:[所有浏览器公共遵守的标准]2. BOM 是各个浏览器厂商根据 DOM在各自浏览器上的实现;[表现为不同浏览器定义有差别,实现方式不同]3. window 是 BOM对象,而非js对象: DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API). BOM 主要处理浏览器窗口和框架,不过通常浏览器特定的 JavaScript 扩展都被看做 BOM

什么是BOM?,什么是DOM? BOM跟DOM之间的关系

什么是BOMBOM是browser object model的缩写,简称浏览器对象模型BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是windowBOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3CBOM最初是Netscape浏览器标准的一部分在BOM章节中你将学到什么BOM教程中,同学们将学到与浏览器窗口交互的一些对象,例如可以移动

DOM BOM

DOM document 操作页面的能力获取元素:getElementByID() getElementsByTagName() getElementByClassName() 改变页面: innerHTML() ,oDiv.style.color(), DOM树: 节点:文本节点,元素节点获取节点 childNodes ,因为兼容问题,可用NodeType 判断: children ,则无兼容问题. parentNode,offsetParent(实际位置): firs

DOM&BOM笔记

day01正课:1. DOM概述2. ***DOM树3. *查找 1. DOM概述: DHTML:动态网页技术的统称 DHTML=HTML+CSS+JS 鄙视题: HTML XHTML DHTML XML: HTML:超文本标记语言,专门编写网页内容的语言 XHTML:严格的HTML语言标准 DHTML:动态网页技术的统称,=HTML+CSS+JS XML:可扩展的标记语言,可自定义标签专门用来存储/传输自描述的结构化数据逐渐被json替代了 <演员> <姓名>范冰冰</

JS学习笔记-BOM之window

BOM:BrowserObjectModel,浏览器对象模型,提供JS中对浏览器的各种操作的对象,是JS应用中唯一没有相关标准的部分,这事BOM经常出现问题的所在,主要用于处理浏览器窗口与框架,浏览器特有的JS扩展也被默认为BOM的一部分,而各浏览器之间的公有对象就成了默认的标准.本篇文章将主要介绍window对象. 属性世界上本没有模型,用的多了也就成了模型.模型便是一个可供参考的东西,BOM中的一系列通用的对象便构成了这个模型,其结构可展示为: window的六大属性,同时它们也是对象:

DOM&BOM

DOM&BOM 文档对象模型 (DOM):处理网页内容的方法和接口浏览器对象模型(BOM):与浏览器交互的方法和接口 BOM window对象:浏览器中打开的窗口 ① 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象. ② window.frames 返回窗口中所有命名的框架 ③parent是父窗口(如果窗口是顶级窗口,那么parent==self==top) top是最顶级父窗口(有

web前端全部课件（html5+CSS3+javascript+dom+bom+jquery+jqm+bootstrap+angular+ext+weixin+less）

一.HTML5 BASIC课件 Unit01:Web基础知识.HTML快速入门.文本 Unit02:图像和链接.表格.结构标记 Unit03:列表.表单.其他常用标记二.CSS3 BASIC课件 Unit01:CSS 概述.CSS 语法\尺寸与边框 Unit02:框模型.背景.渐变\文本格式化-1 Unit03:文本格式化-2.表格.浮动.显示 Unit04:列表.定位三.京东首页实战(无PPT) 四.WEB UI课件 Unit01:Photoshop基本操作.网页切图.图像优化 Unit0