函数传参小示例一:
fnA(1,2);
fnA(2,3);
function fnA(a,b)
{
alert(a+b);
}
函数传参小实例一:
CSS:
body,ul{margin:0;padding:0;}
li{ list-style:none;}
.box{width:200px; margin:20px auto;}
.box ul{ height:30px;}
.box li{width:50px;height:30px;background:#ccc;color:#000;float:left; text-align:center;line-height:30px;font-size:20px;}
#box1 .active1{background:#333;color:#fff;}
#box2 .active2{background:#666;color:red;}
.content{height:60px;border:1px solid #ccc;}
.content div{ display:none;font-size:50px;}
.content .show{ display:block;}
JS:
window.onload=function()
{
tab("box1","active1");
tab("box2","active2");
};
function tab(sId,sClassName)
{
var oBox=document.getElementById(sId);
var aLi=oBox.getElementsByTagName("ul")[0].getElementsByTagName("li");
var aDiv=oBox.getElementsByTagName("div")[0].getElementsByTagName("div");
for(var i=0;i<aLi.length;i++)
{
aLi[i].index=i;
aLi[i].onmouseover=function()
{
for(var i=0;i<aLi.length;i++)
{
aLi[i].className="";
aDiv[i].className="";
}
this.className=sClassName;
aDiv[this.index].className="show";
};
}
}
HTML:
<div class="box" id="box1">
<ul>
<li class="active1">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<div class="content">
<div class="show">1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
</div>
<div class="box" id="box2">
<ul>
<li class="active2">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<div class="content">
<div class="show">1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
</div>
作用域小例子一:
function fnAA()
{
var b=0;
}
function fnBB()
{
alert(b)
}
fnBB(); //结果是:b是未定义 ;
// 在某个函数内部定义的变量 就叫做局部变量 作用范围也只函数内部有效
作用域小示例二:
var b=0;
function fnBB()
{
b-=1;
}
fnBB(); // -1
fnBB(); // -2
alert(b); // so -2
// 在全局定义的变量,叫做全局变量 ,作用范围也是全局的 在全局里都可以去修改 和使用
作用域小示例三:
function fnAA()
{
var a=0;
function fnBB()
{
var b=0;
alert(a);
}
fnBB();
}
fnAA();
// 在某个函数内部定义的变量 就叫做局部变量 作用范围也只函数内部有效
// 在全局定义的变量,叫做全局变量 ,作用范围也是全局的 在全局里都可以去修改 和使用
// 函数是有作用域问题
// 闭包 子函数可以使用父函数的局部变量 但是父函数没法访问的子元素里边的东西