一、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 的操作
     

 常见事件如下：

1、获取事件源的

var div1 = document.getElementById(''box1'');      //方式一 ：通过id 获取单个标签var arr1 = document.getElmentsByTagName("div1") ；   //方式二： 通过标签获得标签数组，要加Svar arr2 = document.getElmentsByClassName("hehe")   // 方式三：  通过类名 获得标签数组

 

2、绑定事件的方式

方式一 ：直接绑定匿名函数

方式二 先单独定义函数，再绑定

方式三 ：行内绑定

     
     
复制代码

3、事件驱动程序

我们在上面是拿alert举例，不仅如此，我们还可以操作标签的属性和样式，举例额如下

！！！

上方代码的注意事项：

• 在js里写属性值时，要用引号
• 在js里写属性名时，是backgroundColor，不是CSS里面的background-Color。记得所有的像css属性的text-*，line-*、backgroun-*等在js中都写成驼峰

 onload 事件 

当页面加载（文本和图片）完毕的时候，触发onload 事件。

举例：

有一点我们要知道：js的加载是和html同步加载的。因此，如果使用元素在定义元素之前，容易报错。这个时候，onload事件就能派上用场了，我们可以把使用元素的代码放在onload里，就能保证这段代码是最后执行。建议是：整个页面上所有元素加载完毕在执行js内容。所以，window.onload可以预防使用标签在定义标签之前。