js事件（公有属性）
onclick="" 当点击。。。时！
onmouseover="" 当鼠标移入...时！
onmouseout="" 当鼠标移出...时！
alert(1) ---可以弹出一个1！
注意：css用双引号，js用单引！
总结：
1.点击谁，就给谁添加事件！
比如说点击div，就给div添加事件
<div onclick=“”></div>
2.让谁改变就给它起id名！
document.getElementById('box').style.display='block'
分析：
document.getElementById('box')---功能就是为了获取id名
document 文档（页面）
.“的”的意思
get Element By Id
get--获取
Element--元素
By通过
id('box')--名
样式在css和js里区别（写法）
1.css怎么写，js就怎么写！
区别：
1.复合样式不一样
css margin-left
js marginLeft
2.class写法不一样
css class=“bbb”
js className=“”
----------------------------------------
定义一个函数
怎么定义：
function 函数名(){
}
调用一个函数
函数名（）；
注意：
定义和调用密不可分！缺一不可！
*只定义不调用，没意义，不报错！
*只调用没定义，报错（找不到这个函数）
==========================================
var oBox=document.getElementById('box');
oBox.style.width='100px';
var oBox --》变量名！
Box.style.width='100px';
这样添加样式的方法是行间样式添加法！
===============================================
注意：
1. js只是系统给标签加一个样式！
和你手动一样！
2.一定有一个是点击操作
有一个改变的
3.注意优先级！
==============================================
js的注释：
多行注释: /* 内容 */
单行注释://内容
总结：
onclick
onmouseover
onmouseout
----操作谁给谁添加事件！
改变谁，给谁取名，获取它！
？怎么来获取
document.getElementById(id名)
-----------------------------------
定义函数
里面放修改样式功能！
调用函数
在哪里使用就在哪里调用（调用在事件里）
============================================
网页换肤：
1.硬生生的修改！
修改几个元素，就获取几个元素（麻烦）
2.通过给body添加不一样的class来换肤
而body里面的其他标签样式，也是提前在哪些class里面写好了！
body是独一无二的，页面里只有一个！
3.
====================================
js可以修改标签的所有属性！
=======================================
在js里面有判断！
如果...那么...
如果（条件）{
干这件事1
}否则{
干这件事2
}
如果（不饿）{---条件
我要吃饭（语句一）
}否则{
我不吃饭（语句2）
}
注意：
1.判断里面只执行一个语句！
2.满足条件执行语句1，不满足条件走的是语句2
小知识：
= 赋值
== 比较