用for循环自动生成新闻

最新推荐文章于 2022-07-11 23:45:45 发布

原创最新推荐文章于 2022-07-11 23:45:45 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

自学第一课专栏收录该内容

11 篇文章

订阅专栏

for循环：

for(条件1；条件2；条件3）；

新学了for循环感觉其实和C语言中的语法差不多，因为之前的基础，对这个循环还是比较容易理解。

自己跟着视频敲了一个小demo，实现的效果也很简单。只是是需要日积月累的，即使在别人看来很简单很菜的代码，自己能够敲出来还是有小小的成就感。

我在新浪新闻上面copy了一些新闻小标题，用一个数组来存放它们，然后用数组下标来进行索引。用一个无序列表来展示他们，通过JS向无序列表中插入所需的标题项，最后通过按钮点击事件来调用这个事件。下面是动态效果图：

下面附上主要代码：

<body>
		<input id="bt1" type="button" value="自动生成新闻"/>		
		<ul id="list"></ul>
<script>
	var oBtn=document.getElementById("bt1");
	
	var oUl=document.getElementById("list");
	var onOff=true;	
	var arr=[
	'不老女神郎平56岁生快 新浪体育:郎平--中国体育最亮星',
	'穆里尼奥:我不想再继续摆大巴 他真是1条发臭的咸鱼吗',
	'曝中超多队曾联系伊涅斯塔 西媒曝佩佩收到中国报价',
	'意外!C罗落选皇马西甲大名单 马竞新建球场由万达冠名',
	'丁宁退出总决赛 曝丁宁已发烧38度 总决赛马龙进四强',
	'俄罗斯两届奥运1000人服兴奋剂 用盐咖啡颗粒稀释尿样',
	'专栏-世界杯扩军好吗? 博客-曼联欧联夺冠几率有多大',
	'刘国梁回应质疑 群星祝郎平生快 奥胖演碧昂斯歌曲',
	'欧战后很冷?看小炮预测足彩 皇马巴萨坑哭球迷? '
	]
	 
	oBtn.onclick=function(){
	if(onOff){
	 for(var i=0;i<arr.length;i++){
		oUl.innerHTML+='<li>'+arr[i]+'</li>';		
	}
	 onOff=false;
	}
} 
	</script>
	</body>