综合示例：自动生成一组新闻
点击按钮，自动生成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>
