现在的位置: 网页制作教程网站制作教程 >正文
JavaScript脚本

DOM和BOM介绍-JavaScript学习笔记一

发表于2017/2/22 网站制作教程 0条评论 ⁄ 热度 1,894℃

这里是我的JavaScript学习记录,为了能够坚持学习,决定做学习笔记,本文是第一篇。

事实上,大概十个月前我曾作为业余兴趣胡乱地学习过一些JS的内容,但因为学习不系统、时间不连续导致对JS的掌握很水。决定重新开始学习基础的JS以满足我的学习工作需要。

JS学习

作为此目录下第一篇博文,本篇只写一些基础的JS概念性内容。

JavaScript与相关标准简介:

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

JavaScript实现:

JavaScript是与浏览器窗口以及在其中显示的文档相关的脚本语言,其实现主要由三个部分组成。

  • ECMAScript。
  • Document Object Model(DOM):即文档对象模型。
  • Browser Object Model(BOM):即浏览器对象模型。

这里主要介绍DOM和BOM的基础概念,关于ECMAScript,其内容较复杂且没有介绍的必要所以就不写了。

DOM:

文档对象模型,即一种抽象化文档内容的方法(就像算法是抽象化实际问题一样),文档对象模型在浏览器内部以树形结构表示(莫名想到C语言在编译器里也是以分析树这样的树形结构解释的),浏览器在加载完HTML文档后,会将文档中的各种内容以树形的数据结构存储,页面上的所有元素均是对象树中的对象。例如对于表单,JavaScript处理时会根据表单在文档中的出现顺序创建一个表单数组,可以通过document.forms[0]、document.forms[1]等访问表单,文档中的其它元素也是如此。

BOM:

浏览器对象模型,即浏览器窗口所固有的对象,总体来说和DOM类似。浏览器的整个窗口将作为对象树的顶层(根),其下包括了window(窗口)、navigator(导航器)、frames(帧框架)、document(文档)、history(历史记录)、location(位置)、screen(显示器)。假设要通过JavaScript操纵窗口,就需要使用window对象以及相关属性和方法,其他也类似。对于DOM对象的访问,需要先通过类似window.document建 立关联才能访问。这样借助于DOM和BOM,JavaScript得以通过对象从window对象树逐层向下操纵页面文档中的所有元素。

  • 暂无评论