10-9前端学习内容复习（选项卡、三目运算符、与或运算符）

一、用javascript实现选项卡功能：

window.οnlοad= function(){

函数内容

}

HTML是从上往下加载内容的，所以写js时要先用window.onload预加载页面元素，js功能才得以实现。

js里数组写法：

arr=[1,2,3,4,5];

var arr = new Array();

实现选项卡功能切换可以先把对应要显示的内容存放在数组里面，然后通过数组来调用相应的内容。

<script type="text/javascript">
window.οnlοad=function(){
var arr=['1领压岁钱了','2领压岁钱了','3领压岁钱了','4领压岁钱了','5领压岁钱了','6领压岁钱了','7领压岁钱了','8领压岁钱了','9领压岁钱了','10领压岁钱了','11领压岁钱了','12领压岁钱了'];
var oBox=document.getElementById('box');
var oBtn=oBox.getElementsByTagName('li');
var oCon=document.getElementById('content');


for(var i=0;i<oBtn.length;i++){
oBtn[i].index=i;
oBtn[i].οnmοuseοver=function(){
for(var j=0;j<oBtn.length;j++){
oBtn[j].className='';
}
this.className='active';
oCon.innerHTML='<h3>'+(this.index+1)+'月份活动</h3>'+'<p>'+arr[this.index]+'</p>';
}
}

}
</script>

二、三目运算符：

例：var a = 0,b=1;

a>b?alert(a):alert(b);

== if(0 > 1）{

alert(a);

}else{

alert(b);

}

三、false&&false=false

false&&true=false

true&&true=true

只要&&前面条件为false 那么不执行&&后的条件（短路效应）；

false||false=false

false||true=true

true||true=true

只要有一个条件为真，返回值就为真。