综合示例：自动生成一组新闻
Posted #安生
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了综合示例：自动生成一组新闻相关的知识，希望对你有一定的参考价值。
点击按钮，自动生成5条新闻信息
用一组数组把5条新闻保存起来，
再运用 if 判读和 for 循环来达到自动生成的效果
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 7 <script> 8 window.onload = function (){ 9 var oBtn = document.getElementById(\'btn1\'); 10 var oUl = document.getElementById(\'list\'); 11 var arr = [ 12 \'山西省委附近多次爆炸 官方称尚不确定是恐怖袭击\', 13 \'甘肃张掖明令禁止转基因 书记:无力辨别只能禁止\', 14 \'多地制定雾霾预案限行限排被批治标不治本\', 15 \'韩媒抱怨中国雾霾侵袭韩国 称其为"黑色灾难" \', 16 \'伊朗革命卫队高官在叙利亚当"志愿者"被杀(图)\' 17 ]; 18 19 20 var onOff = true; 21 22 oBtn.onclick = function (){ 23 24 if( onOff ) { 25 26 for( var i=0; i<arr.length; i++ ){ 27 oUl.innerHTML += \'<li>\' + arr[i] + \'</li>\'; 28 } 29 30 } 31 onOff = false; 32 }; 33 }; 34 </script> 35 36 </head> 37 38 <body> 39 40 <input id="btn1" type="button" value="自动生成5条新闻" /> 41 <ul id="list" style="border:1px solid red;"></ul> 42 43 <script> 44 alert( document.getElementById(\'list\').style.border ); 45 </script> 46 47 </body> 48 </html>
以上是关于综合示例：自动生成一组新闻的主要内容，如果未能解决你的问题，请参考以下文章