码迷,mamicode.com
首页 > 其他好文 > 详细

DOM和BOM的理解

时间:2020-01-22 10:43:33      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:style   oid   jic   get   ati   接口   psi   常用   jin   

 
一、DOM
DOM 全称是 Document Object Model,也就是文档对象模型。
个人理解,DOM包含三层意思:1.DOM是一个操作HTML的API接口  2.DOM是一个HTML结构模型  3.DOM代指该HTML模型中的对象
 
1.DOM是一个操作HTML的API接口
HTML本身是静态的,是不变的,每个标签的内容以及属性都是死的。
如果要让网页动起来,就要完成两步:第一步是思维上的转变(网页是可以动起来的),第二部是操作上的突破(如何动起来)
DOM完成了上述两步,它首先在板结的HTML上找到突破口,定义了一些可以改变的东西,之后又针对这些突破口设计了一系列API,让人们能通过这些API来操作这些元素。
 
2.DOM是一个HTML结构模型
在DOM出现之前,我想HTML文件对于很多人只不过是一段遵循特殊规则的文本,而DOM却给它建立了一个结构模型,使它立体了起来。
也就是下面这个图了
技术图片
 
3.DOM代指该HTML模型中的对象
一句话概括,DOM就是上图中的那些节点。
 
 
二、BOM
 
BOM 是 Browser Object Model,浏览器对象模型。
 
简单地说,BOM和DOM一样,只不过DOM操作的是HTML中的元素,BOM是浏览器的API、操作的是浏览器(即控制浏览器的行为)
 
三、DOM与BOM的职责划分 

如下图所示,其中E区(也就是通常所说 的document,他对应开发人员写出来的一个文件夹,里面有index.html,css和jsdeng )归 DOM 管

ABCD区归BOM管

 
技术图片

四、常用对象

document是DOM的一个对象

document.title = ‘ForHope‘              ---定义文档标题

document.getElementById(‘xxx‘)    ---获取文档中的某一个元素

window,location是BOM的两个对象

window.close                                 ---关闭当前窗口

location.href ="www.baidu.com"   ---让浏览器跳转到另一个页面

 

 

 

 

参考链接:https://blog.csdn.net/zixiaomuwu/article/details/60588461

DOM和BOM的理解

标签:style   oid   jic   get   ati   接口   psi   常用   jin   

原文地址:https://www.cnblogs.com/hopeiscoming/p/12227939.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!