(17.04.11)js、事件、定义和调用一个函数、判断、赋值和比较

js： javascript

js专门给静态页面加一些效果！

这些效果怎么出来：

原理：提前定位或者写好一些样式，再暂时隐藏不显示！

用js来触发控制整个标签让显示出来！

js表现出来的效果：

来回操作css样式！

---

js事件（公有属性）

onclick="" 当点击。。。时！

onmouseover="" 当鼠标移入...时！
onmouseout="" 当鼠标移出...时！

alert(1) ---可以弹出一个1！

注意：css用双引号，js用单引！

总结：

    1.点击谁，就给谁添加事件！

        比如说点击div，就给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的注释：
多行注释: /* 内容 */
单行注释://内容

网页换肤：

1.硬生生的修改！

    修改几个元素，就获取几个元素（麻烦）

2.通过给body添加不一样的class来换肤

    而body里面的其他标签样式，也是提前在哪些class里面写好了！

    body是独一无二的，页面里只有一个！

3.

---

js可以修改标签的所有属性！

---

在js里面有判断！

如果...那么...

如果（条件）{
干这件事1
}否则{
干这件事2
}

如果（不饿）{---条件
我要吃饭（语句一）
}否则{
我不吃饭（语句2）
}

注意：
1.判断里面只执行一个语句！
2.满足条件执行语句1，不满足条件走的是语句2

小知识：
= 赋值
== 比较