JavaScript之BOM和DOM概念介绍

在人生的道路上,不管是潇洒走一回,或者是千山独行,皆须是自己想走的路,虽然,有的人并不是很快就能找到自己的方向和道路,不过,只要坚持到底,我相信,就一定可以找到自己的路,只要找到路,就不必怕路途遥远了。

导读:本篇文章讲解 JavaScript之BOM和DOM概念介绍,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com,来源:原文

一、BOM

BOM是Browser Object Model的简写,即浏览器对象模型
将浏览器抽象成一个对象——》window 同时封装了一些属性和方法
有了BOM之后,就可以控制浏览器的行为。

BOM的顶层是window对象

二、DOM

DOM是Document Object Model的简写,即文档对象模型
DOM用于XHTML、XML文档的应用程序接口(API)。
将浏览器当前打开的文件抽象成对象——document
将文档解析成一个document对象,属性结构的对象
通过该对象可以达到修改页面文档内容的效果

DOM的顶层是document对象

三、DOM和BOM的关系

在这里插入图片描述

在这里插入图片描述

BOM编程就是把整个浏览器抽象成一个对象(window),
这个对象中有很多的属性和方法,访问这些属性或者调用这些方法就可以控制浏览器作出…行为

DOM编程就是把浏览器当前页面对应的文档抽象成一个对象(document),这个对象中有很多关于操作文档的一些属性和方法,访问这些属性和方法的时候,我们就可以通过代码动态控制页面上显示的内容

BOM 是为了操作浏览器出现的 API,window 是其根对象。

DOM 是为了操作文档出现的 API,document 是其根对象。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/123439.html

(0)
飞熊的头像飞熊bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!