1、js简单演示
红黄背景切换
js的核心：页面中有一个按钮，要给其添加动态效果，这个动态效果在什么样的触发条件下会触发，按钮一般点击，这些触发事件都是封装好的，只需要给这些事件添加对应的响应函数即可
根据事件修改标签属性
2、常用获取对象方法
document.getElementById
下面的都是得到一个集合，通过集合[0] [1] 等下标进行访问
document.getElementsByClassName
document.getElementsByName
document.getElementsByTagName
3、常用事件
onmouseover : 鼠标在停在上面的时候触发
onmouseout : 鼠标移出的时候
onmouseup : 当鼠标松开的时候
onmousedown : 当鼠标按下的时候
onmousemove : 当鼠标移动的时候
onclick : 点击鼠标的时候
ondblclick : 双击
onload : 这是window对象的方法，下面单独介绍
经常用在input框中
onblur ：失去焦点的时候触发
onfocus ：得到焦点的时候触发
4、获取和设置属性
获取对象属性
oDiv.id
oDiv.className
oDiv.style.width
oDiv.style.backgroundColor 小驼峰
获取标签文本
oDiv.innerHTML : 获取内容加标签
oDiv.innerText : 获取纯文本内容
点和中括号区别
点的后面只能跟属性名，不能跟变量
中括号：只要能用点的地方都能使用中括号 中括号里面可以加下标、属性名、变量
显示隐藏图片
通过控制div的display属性即可
this使用
添加事件
this
表单内容控制
onblur onfocus
5、onload函数
该函数是window的函数，该函数在所有页面加载完毕之后才会执行，如果有获取标签的代码，而且需要写到页面的最上面，这个时候要将这些代码写到onload里面
【注】如果onload里面有函数的定义，外部是不能使用的
6、选项卡
见代码
7、定时器
每隔一段时间就要去执行一个操作（函数） 周期性定时器
setInterval(函数, 毫秒数)
5s之后去执行一个操作（函数） 一次性定时器
setTimeout(函数, 毫秒数)