【南大软院大神养成计划:第十六天】网页操作之DOM（一）

今天跳过JS进阶的一些基础课程，直接来到网页交互、事件响应和DOM操作的学习。

===============================学习笔记（十六）================================

JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。

事件表

因为时间限制，只是拿鼠标点击（Onclick）为例子来浅接触了一下：onclick是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行，通常与按钮一起使用。

然后便走向课程《DOM探索之基础详解篇》，之前的HTML+CSS基础课程已对DOM有一定的了解，现在是基础的详解，干货满满，但由于时间原因，还是只是先大概看了一下：

一开始讲师是以一个DOM操作的实例来如题，即“滑动门效果”。

引入DOM：DOM是什么？

文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。Document Object Model的历史可以追溯至1990年代后期微软与Netscape的“浏览器大战”，双方为了在JavaScript与JScript一决生死，于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物，既有VBScript、ActiveX、以及微软自家的DHTML格式等，使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时蕴酿出来的杰作。

接下来谈到DOM的地位

这一节又让我对"BOM"有了一定了解，BOM：BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。

视频中讲到，网页中，HTML提供网页的基本框架，CSS来定义各种样式，而JS是以ECMAScript标准来给网页赋予行为，如滑动门动画效果，而大多动画效果，都由DOM操作来完成，这也是为什么DOM是很多前端大神必然需要精通的一个地方。

今天先学了这么多，期待明天学习

===============================学习笔记（十六）================================