基础 - 函数 事件

函数

　　由事件驱动时执行的
　　直接被调用时执行的
　　可以重复使用的代码块

函数的声明与调用

    var weSay = new Function("window.console.log('递进的情绪请省略');");
    weSay();

　　 var weSay = function (somthing){
        window.console.log(somthing);
    }
    weSay("递进的情绪请省略");

    weSay("递进的情绪请省略");
    function weSay(somthing) {
        window.console.log(somthing);
    }

　　

　　

变量声明提升
　　在函数体内声明的变量，会被提升到函数体最顶端声明
　　注意 只是提升声明，值为undefined

　　
入口函数
注意：入口函数只有一次有效
window.onload = function () {
    /*定义函数wSayHello*/  
    function wSayHello() {
        window.console.log("你想吃点什么?");
    }

　　/*调用函数wSayHello*/
    wSayHello();
}

参数
　　形式参数和实际参数
　　.length　　　　　　　　代表形式参数的个数
　　arguments.length　　 代表实际参数的个数

window.onload = function () {
    
    function wSayHello(kName,kAge) {
        window.console.log("我叫"+kName+"今年"+kAge);
    }
    wSayHello("WeWeZhang",18);
}

返回值　　return的就是返回值，可以不写 

事件三要素
　　事件源
　　事件触发条件
　　事件触发程序
 
事件源.事件触发条件 = function() {
　　事件触发程序；
}  

事件触发条件

window.onload = function () {
    var oWeWeZhang = window.document.getElementById("weWeZhang");
    oWeWeZhang.style.width = "200px";
    oWeWeZhang.style.height = "200px";
    oWeWeZhang.style.backgroundColor = "#666666";
    oWeWeZhang.onmouseover = function () {
        window.console.log("onmouseover");
    }
    oWeWeZhang.onmouseout = function () {
        window.console.log("onmouseout");
    }
}

隐藏div
　　visibility: hidden;
　　不会隐藏位置，还会占有位置
　　display: none;
　　同时隐藏位置，不再占有位置

<a id="spark" href="javascript:;"></a>