綜合示例：自動生成一組新聞
阿新 • • 發佈：2017-06-01
lap func tel style display ima one closed alt 
點擊按鈕，自動生成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>
綜合示例：自動生成一組新聞