JS基础——自动生成一组新闻

最新推荐文章于 2021-01-06 14:51:38 发布
最新推荐文章于 2021-01-06 14:51:38 发布
阅读量401 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/raosheng1993/article/details/45422453
本文介绍了一种使用JavaScript自动生成一组新闻列表的方法。通过设置一个开关变量控制新闻列表的生成，确保只生成一次。点击按钮后，利用for循环将预设的新闻内容插入到HTML的ul元素中。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >


[html] view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <!doctype html>  
  2. <html>  
  3. <head>  
  4. <meta charset="utf-8">  
  5. <title>JS基础——自动生成一组新闻</title>  
  6. <script>  
  7. window.onload = function(){  
  8.     var oBtn = document.getElementById('bnt1');  
  9.     var oUl = document.getElementById('list');  
  10.     var arr = [  
  11.         '新闻内容一新闻内容一新闻内容一新闻内容一',  
  12.         '新闻内容二新闻内容二新闻内容二新闻内容二',  
  13.         '新闻内容三新闻内容三新闻内容三新闻内容三',  
  14.         '新闻内容四新闻内容四新闻内容四新闻内容四',  
  15.         '新闻内容五新闻内容五新闻内容五新闻内容五'  
  16.     ];  
  17.     var onOff = true;  
  18.       
  19.     oBtn.onclick = function(){  
  20.         if(onOff){  
  21.             for(var i=0; i<arr.length; i++){  
  22.                 oUl.innerHTML += '<li>'+ arr[i] +'</li>';     
  23.             }  
  24.         }  
  25.         onOff = false;        
  26.     };  
  27. };  
  28. </script>  
  29. </head>  
  30.   
  31. <body>  
  32. <input id="bnt1" type="button" value="自动生成一组新闻">  
  33. <ul id="list"></ul>  
  34. </body>  
  35. </html>  

思路：

通过自定义属性，定义一个开关，默认是true，然后点击按钮，通过for循环生成所有li，再把生成的所有li塞给ul，这样点击按钮就能生成一组新闻了，为了让它只能生成一次，所以，当它循环结束时，我们再把开关定义为false，这样再次点击就不会继续生成一组新闻了。

Logojoy——AI自动生成品牌Logo，输入品牌名称和风格偏好自动生成多种设计
m0_75253143的博客
09-15 2192
Logojoy 成立于 2016 年，目的是简化品牌设计过程，帮助初创企业和个人以低成本、快速地获得一个专业的 Logo。它使用了机器学习、图像生成和设计原理来提供个性化的设计选项。随着技术和平台的更新，Logojoy 于 2019 年更名为 Looka，提供的不仅仅是 Logo，还包括完整的品牌工具包（如名片设计、社交媒体资源等）。Logojoy（Looka）通过综合运用人工智能、机器学习、计算机视觉、深度学习和现代前端技术，简化了传统设计流程，使用户能够轻松生成专业的 Logo。
Transformer实战——摘要生成
最新发布
a_blade_of_grass的博客
06-26 2190
本文借助Huggingface Tranformer库完成一个摘要生成任务，参考自，在本文，将展示如何使用简单的加载数据集，同时针对相应的任务使用transformer中的Trainer接口对模型进行微调。这里解决的是摘要生成任务。本文的结构和Transformers官方文档一样，处理的文本也是英文文本，这里附上一个中文文本的很好的教程，github仓库为只要预训练的transformer模型包含seq2seq结构的head层，那么理论上可以使用各种各样的transformer模型，解决任何摘要生成任务。
Python自动生成新闻报告
Young的博客
01-06 964
学习笔记整理：上个章节学习了在百度搜索引擎中收集即时新闻，在此基础上，可以让python自动生成txt形式的文件。用到的函数是write，只需在原名为baidu(company)的函数最后，插入功能实现代码： file1 = open('/Users/nicole/Documents/舆情挖掘报告.txt', 'a') ##我把这个文件存在文稿里，Mac查看文件位置：双击右键-显示简介-通用-位置 # 如果把a改成w的话，则每次生成txt的时候都会把原来的txt清空，用w不太好，因为这样只能
综合示例：自动生成一组新闻
weixin_30536513的博客
05-31 214
点击按钮，自动生成5条新闻信息 用一组数组把5条新闻保存起来， 再运用 if 判读和 for 循环来达到自动生成的效果 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charse...
原声js动态生成新闻信息
LZhizi的博客
04-18 335
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <script> window.function(){ var oDiv=document.getEleme...
php自动生成html新闻文件
encircles的博客
04-08 2406
123
javascript基础——String
10-21
在JavaScript中查找字符串的位置也是基础操作之一。`indexOf()`和`lastIndexOf()`方法用于查找某个字符或子串在字符串中的位置，前者返回第一次出现的位置，后者返回最后一次出现的位置。如果指定位置不存在，则返回...
C语言在线考试系统——试题生成模块毕业设计.pdf
08-17
试题生成模块是本设计的核心部分，主要包括试题的批量上传、单个试题上传、试题删除查询以及自动组卷等。考虑到系统的可操作性和易用性，试题生成模块设计了友好的用户界面和便捷的操作流程。此外，为了保证试题内容...
vue插件——使用canvas生成图形验证码
08-12
总结一下，这个“vue插件——使用canvas生成图形验证码”结合了Vue.js的组件化和canvas的图形绘制能力，为Web应用提供了一种安全、可定制的图形验证码解决方案。它既保证了用户验证的安全性，又利用Vue.js的便利性...
新闻版块列表
12-10
使用Javascript实现新闻列表中点击某个版块则显示该版块信息，并且隐藏其他版块信息。
用for循环自动生成新闻
qq_19004625的博客
12-10 1047
for循环： for(条件1；条件2；条件3）； 新学了for循环感觉其实和C语言中的语法差不多，因为之前的基础，对这个循环还是比较容易理解。 自己跟着视频敲了一个小demo，实现的效果也很简单。只是是需要日积月累的，即使在别人看来很简单很菜的代码，自己能够敲出来还是有小小的成就感。 我在新浪新闻上面copy了一些新闻小标题，用一个数组来存放它们，然后用数组下标来进行索引。用一个无序列表来
自动生成一组新闻
xiaozhen0610的博客
07-15 589
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function() { var oBno = document.getElementById('b1'); ...
js从数组中到处新闻列表
JackieDYH的博客
03-21 467
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> a{ color: #333; text-decoration: none; } ...
新闻自动生成技术调研分析
会吃狼的鳄鱼
05-03 3385
新闻自动生成技术调研分析腾讯推出的新闻写作机器人Dreamwriter http://www.pingwest.com/apple-conference-2015-fall/https://www.zhihu.com/question/35513969面向话题的新闻综述报告自动生成研究 http://tcci.ccf.org.cn/conference/2013/NLPCC2013papers/
南燕新闻自动生成软件——scrapy爬虫程序
zhangqiang1104的博客
12-12 937
使用scrapy爬虫框架爬取北京大汇丰商学院的新闻，新闻网址： 1.定义Item.py容器类文件，代码如下： import scrapy class PhbsNewsItem(scrapy.Item): # define the fields for your item here like: # name = scrapy.Field() title = scrap
python新闻生成_[原创工具][Python+开源可扩展]日报生成器DailyPaper——包含天气、新闻、名人名言 - 打印机大百科...
weixin_39894932的博客
12-03 1009
[Python，可扩展]日报生成器DailyPaper——包含天气、新闻、名人名言前言：逛论坛的时候无意间看到@英姿飒爽d木叶君 发的基于vb6版本的日报生成器，浏览回复后，发现很多朋友在问有没有python版本便动手写了一个基于天行api的日报生成器，采用的语言是python，可自行扩充相应数据接口基于vb6版本的日报生成器：https://www.52pojie.cn/thread-10863...
点击按钮生成新闻
m0_49893750的博客
09-10 127
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <button...
掌握JavaScript编程基础——js101教程详解
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。Ajax（Asynchronous JavaScript and XML）是用于创建快速动态网页的技术，通过在后台与服务器交换...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值