点击按钮，自动生成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>
示例代码
时间： 2024-10-29 19:09:40