前端学习(十）初识js（笔记）

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



小知识：
    =  赋值
    ==  比较