DOM的时间操作

一、javascript的组成

JS 基础分为三部分:

ECMAScript:JS 的语法标准,包括变量、表达式、运算符、函数、if语句、for语句

DOM：文档对象模型，操作网页上的元素的API，比如让盒子移动，变色，轮播图。

BOM：浏览器对象模型，操作浏览器部分功能的API，不如让浏览器自动滚动。

二、事件

JS 是以事件驱动为核心的一门语言，

事件三要素：

事件源、事件、事件驱动成程序。

比如：网页上有一个广告，点击右上角x，广告就关闭了，这件事情里事件源就是x，事件就是点击，事件驱动程序就是广告关闭了，所以在JS中：
事件源：引发后续时间的html标签

事件：JS已近定义好了 

事件驱动程序：对样式和html的操作。也就是 DOM

代码书写步骤如下：
（1）获取事件源：document.getElementById("box")；
（2）绑定事件：事件源box 事件onclick = function(){事件驱动程序}；
 (3)书写事件驱动程序：关于DOM 的操作
<body>
<div id="box1"></div>

<script type="text/javascript">
    // 1、获取事件源
    var div = document.getElementById("box1");
    // 2、绑定事件
    div.onclick = function () {
        // 3、书写事件驱动程序
        alert("我是弹出的内容");
    }
</script>

</body>

猜你喜欢