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

最新推荐文章于 2024-07-08 16:22:29 发布

何伟源

最新推荐文章于 2024-07-08 16:22:29 发布

阅读量326

点赞数

分类专栏： JS从精通到懵逼文章标签： javascript

本文链接：https://blog.csdn.net/sTranDed_/article/details/52800013

版权

JS从精通到懵逼专栏收录该内容

6 篇文章 0 订阅

订阅专栏

基本的数组：

<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">

何伟源

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js基础：数组基础和数组方法的使用

基本的数组：var a=['1','2','3','4','5','6','7'];alert(a.lenght);数组用中括号围起来，每个值都用单引号包住，逗号隔开，切忌用双引号，代码错了怪你咯！！数组经常和循环使用在一起，几乎形影不离；JS中使用数组必须要用TagName('**')或者他老爸.children；他老爸：children的老爸；再次体会被代码支配的恐惧↓
复制链接

扫一扫