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

点击按钮，自动生成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>

示例代码

转载于:https://www.cnblogs.com/123wyy123wyy/p/6926271.html

综合示例：自动生成一组新闻相关推荐

make--变量与函数的综合示例自动生成依赖关系
一.变量与函数的示例示例的要求 1.自动生成target文件夹存放可执行文件 2.自动生成objs文件夹存放编译生成的目标文件 3.支持调试版本的编译选项 4.考虑代码的扩展性完成该示例所需的 1 ...
c语言单片机自动浇花系统,Arduino零基础C语言编程ch5-5.13综合示例–自动浇花系统...
<Arduino零基础C语言编程ch5-5.13综合示例–自动浇花系统>由会员分享,可在线阅读,更多相关<Arduino零基础C语言编程ch5-5.13综合示例–自动浇花系统(5页珍 ...
自动生成无课表（云南农业大学）
ps:有的社团组织.学生会之类的同学,每个学期需要整理成员的无课表.手动整理,费时费力,所以动手写了一个简单的python程序,更方便快捷的整理无课表. ''' 项目:基于python自动生成一组同学 ...
新闻评论如何自动生成？
本文是由腾讯AI Lab发表于ACL 2018的工作,文章提出了新闻评论生成任务,并开放了4.5M级别的腾讯新闻评论数据集.文章针对生成式任务难以评价的问题,根据参考评论具有不同质量,提出了加权的评价 ...
python生成yaml_使用python脚本自动生成K8S-YAML的方法示例
1.生成 servie.yaml 1.1.yaml转json service模板yaml apiVersion: v1 kind: Service metadata: name: ${jarName} ...
php 直接显示缩略图,PHP自动生成缩略图函数的源码示例
一个简单但功能比较完善的自动生成缩略图的函数,可以按需要对图片进行缩放.裁切.锁定宽或高.使用空白填充以下为源码,比较简单,相信很容易看明白,记得打开 GD 库的支持哦: /** * 生成缩略图 * ...
php做新闻列表,php 静态新闻列表自动生成代码如何实现
很多php 教程中都有介绍,这里只提供例子. /** * php 静态新闻列表自动生成代码 * site www.jbxue.com */ function CreateShtml() { ob_s ...
php自动生成新闻页,PHP静态新闻列表自动生成代码
PHP静态新闻列表自动生成代码 2021-01-23 11:47:097 functionCreateShtml() { ob_start(array("callback_CreateSht ...
微页导出为html文件怎么打开吗,h5自动生成工具(示例代码)
一.前言写了很多h5之后,对于写手写html和css已经麻木的我决定动手写个工具自动生成h5结构和样式.其实这个想法由来已久,但总是觉得自己技术不够,所以一直没实行.直到某天我真的写够了,我决定动手 ...

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

综合示例：自动生成一组新闻相关推荐

最新文章

热门文章