2019-06-10 js函数 js可控制换肤 变量和函数预解析 匿名函数 函数参数

1.js函数

function aa(){

alert('hello!');

}

/*

//直接调用

aa();

*/

2.js可控制换肤

window.onload = function(){

/* 提取行间事件 */

var oBtn01 = document.getElementById('btn01');

var oBtn02 = document.getElementById('btn02');

oBtn01.onclick = skin01;//这里不能写skin01()，这样写就马上执行了

oBtn02.onclick = skin02;

}

function skin01(){

var oLink = document.getElementById('link1');

oLink.href = "css/1.css";

}

function skin02(){

var oLink = document.getElementById('link1');

oLink.href = "css/2.css";

}

3.变量和函数预解析

/*变量预解析*/

/*alert(a);//只把变量a的声明提前，赋值不提前，所以弹出undefined，表示它的值未定义

// alert(c);//报错，c没有声明，这是真正的未定义

var a = 123;

/*函数预解析*/

myalert();//弹出hello!

function myalert(){

alert('hello!');

}

4.匿名函数

window.onload = function(){

var oDiv = document.getElementById('div1');

/*有名字的函数*/

// oDiv.onclick = myalert;

// function myalert(){

// alert('hello');

// }

/*匿名函数*/

oDiv.onclick = function(){

alert('hello');

}

}

5.函数参数

window.onload = function(){

var oDiv = document.getElementById('div1');

changeStyle('color', 'gold');

changeStyle('background', 'red');

changeStyle('width', '300px');

changeStyle('height', '300px');

changeStyle('fontSize', '30px');

function changeStyle(styl, val){

oDiv.style[styl] = val;

}

}