基本的数组:
<span style="font-size:18px;">var a=['1','2','3','4','5','6','7'];
alert(a.lenght);
</span>
数组用中括号围起来,每个值都用单引号包住,逗号隔开,切忌用双引号,代码错了怪你咯!!
数组经常和循环使用在一起,几乎形影不离;
JS中使用数组必须要用TagName('**')或者他老爸.children;他老爸:children的老爸;
再次体会被代码支配的恐惧↓
<span style="font-size:18px;"><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
body{padding-top:100px;padding-left:30%;}
*{margin: 0;padding: 0;list-style: none;border: none;}
#box ul{width: 250px;overflow: hidden;}
#box ul li{width: 60px;height: 56px;background: #555;float: left;margin: 0 10px 10px 0;text-align: center;line-height: 56px;color: white;}
#con{border: 1px solid red;width:200px;height: 50px;box-sizing: border-box;}
#box .active{background: white;color: palevioletred;box-sizing: border-box;}
</style>
<script type="text/javascript">
window.οnlοad=function (){
var obox=document.getElementById('box');
var ali=obox.getElementsByTagName('li');
var ocon=document.getElementById('con');
var fff=[
'准备工作',
'过年',
'春天',
'咩也',
'母鸡',
'夏季',
'郁闷',
'扯犊子',
'北风',
'...',
'000',
'呵呵',
]
for(var i=0;i<ali.length;i++){
ali[i].index=i;
ali[i].οnmοuseοver=function(){
for(var a=0;a<ali.length;a++){
ali[a].className='';
}
this.className='active';
//将数组内的值插入到ID为CON里的P标签里面
ocon.innerHTML='<h2>'+(this.index+1)+'月份'+'</h2>'+'<p>'+fff[this.index]+'</p>'
};
}
};
</script>
</head>
<body>
<div id="box">
<ul>
<li class="active">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
</ul>
<div id="con">
<h2>1月份</h2>
<p>我要苦逼了</p>
</div>
</div>
</body>
</html></span>
<span style="font-size:18px;"></span><pre name="code" class="javascript">