初识JS

1、js

javascript ： 脚本语言，用来实现网页交互、动态效果的，是一种弱类型语言。

2、事件

事件：就是用户的操作 

onclick : 当点击的时候。

onmouseover: 当鼠标移入的时候。

onmouseout: 当鼠标移出的时候。

onchange : 当值发生改变的时候.

事件给谁加？用户操作谁就个谁加。

事件名： 全部小写

事件没有标签限制：

a ).任何标签都可以加事件

b ).任何属性都可以修改

c ).在Html里面怎么写，js就怎么写。 class 例外  > className

3、获取元素

var  oDiv = document.getElementById('id');

document(文档)  get （获取）Element（元素） By（通过） Id（ID）

var  aDiv = document.getElementsById('div');   //通过标签名获取

通过id只能获取一个元素  //只能在document下获取

通过标签名获取的是一组元素 // 既能在document下获取，也能在父元素下获取

一组元素可以通过[下标]来访问。例如： aDiv[0].style.background = 'red';

[0,1,2,3] 下标从零开始。length 表示该组元素的长度

var   代表声明一个变量。如果不加会变成全局变量

“=” 这里不是等于的含义， 而是赋值。把后面的值赋给变量，赋值语句必须在句尾加上都分号“；”

“==”两个等是比较的意思。

4、函数 

1、定义一个函数

function 函数名( 参数 ) {
      // js代码

}

2、函数的调用

函数名（参数）；  一定要加上小括号

函数的定义和调用缺一不可，函数取名尽量语义化用英文。

函数的括号里的参数可以有多个，如 function show(a,b ) 

什么时候用参数？

内容可变的、不确定的时候用。

函数定义在哪里不重要，重要的是在哪里调用！！！

5、修改样式的规则

var oDiv = document.getElementById('ID');

        oDiv.onclick = function () {

         oDiv.style.background = 'red';

}

我们在用JS操作样式的时候其实是操作的行间样式。