js基础：数组基础和数组方法的使用

来源：互联网发布：js实现可视化拖拽控件编辑：程序博客网时间：2024/06/04 23:34

基本的数组：

<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.onload=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].onmouseover=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">

0 0