首页 > 代码库 > 综合示例：自动生成一组新闻

综合示例：自动生成一组新闻

2024-09-28 20:05:39   219人阅读

点击按钮，自动生成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="http://www.mamicode.com/自动生成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>
示例代码

 

综合示例：自动生成一组新闻


联系
我们