蓝鸥 8.16

 上周html5css3 阶段结束学习后，今天是学习JS的新一个阶段，所谓javascript，算是在web前端里面扮演了重要的角色，乃是实现行为的一门语言，他与java没有任何关系。

javascript是弱类型脚本语言（比java、c++等都要简单的语言），事件驱动脚本语言（一个个事件源产生一个个实践），跨平台性脚本语言（不管是windows还是苹果等只要使用浏览器的都能用到），相对安全性，基于对象等。他主要分为1、ECMA script 2、DOM文档对象模型3、BOM浏览器对象模型。

在简单了解了javascript后，老师开始了这一阶段的第一节课，首先说了一下javascript的引入方式，和css引入方式一致都是有3种。1、行间引入，比如<input type="button" value="点我吧" οnclick="alert('hahaha')" />  2、内部引入，直接在该文档里面添加<script type="text/javascript"></script>。 3、外部引入，在外面建一个某某.js的页面。在要引入的文档中添加 <script src="js文件的路径" type="text/javascript"></script>

接下来就是简单的数据类型即算术运算符等等，数据类型与java等有差别，目前学到的来看，他分为简单数据类型：1、number类型 2、string类型 3、boolean类型 4、null类型 5、undefined类型。还有复杂数据类型：object对象类型。算术运算符有（+ 、-、*、/、%）

今天的课程最重要的知识点即如何在script中获取元素和鼠标点击事件，鼠标移入效果和鼠标移出效果。获取元素有4中方式。

1、通过ID获取元素，document.getElementById("ID名")

2、通过类名获取元素，document.getElementsByClassName("类名")[index(下标索引)]

3、通过标签获取元素，document.getElementsByTagName("标签名")[index(下标索引)]

4、通过name获取元素，document.getElementsByName("标签名")[index(下标索引)]

获取完元素之后就是触发事件了，通过上面任一种方式获取到元素后1、触发发点击事件：document.getElementById("ID名").οnclick=function(){}

2、触发鼠标移入效果：document.getElementById("ID名").οnmοuseοver=function(){}  

3、触发鼠标移出效果：document.getElementById("ID名").οnmοuseοut=function(){}  

目前只学到这种调用函数方法。注意索引是从0开始的。