JS基础——自动生成一组新闻
来源：互联网 发布：产后如何收缩骨盆 知乎 编辑：程序博客网 时间：2024/06/03 18:03
[html] view plaincopy
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>JS基础——自动生成一组新闻</title>
- <script>
- window.onload = function(){
- var oBtn = document.getElementById('bnt1');
- var oUl = document.getElementById('list');
- var arr = [
- '新闻内容一新闻内容一新闻内容一新闻内容一',
- '新闻内容二新闻内容二新闻内容二新闻内容二',
- '新闻内容三新闻内容三新闻内容三新闻内容三',
- '新闻内容四新闻内容四新闻内容四新闻内容四',
- '新闻内容五新闻内容五新闻内容五新闻内容五'
- ];
- var onOff = true;
- oBtn.onclick = function(){
- if(onOff){
- for(var i=0; i<arr.length; i++){
- oUl.innerHTML += '<li>'+ arr[i] +'</li>';
- }
- }
- onOff = false;
- };
- };
- </script>
- </head>
- <body>
- <input id="bnt1" type="button" value="自动生成一组新闻">
- <ul id="list"></ul>
- </body>
- </html>
思路：
通过自定义属性，定义一个开关，默认是true，然后点击按钮，通过for循环生成所有li，再把生成的所有li塞给ul，这样点击按钮就能生成一组新闻了，为了让它只能生成一次，所以，当它循环结束时，我们再把开关定义为false，这样再次点击就不会继续生成一组新闻了。
0 0
- JS基础——自动生成一组新闻
- JS基础——自动生成一组新闻
- 自动生成一组新闻
- 南燕新闻自动生成软件——opensns使用
- 南燕新闻自动生成软件——爬虫程序
- 南燕新闻自动生成软件——scrapy爬虫程序
- for循环—V字形、逢10换行、遍历2维数组、嵌套元素、点击生成一组新闻
- for——生成新闻
- JS 生成一组不重复的随机数
- PHP静态新闻列表自动生成代码
- php自动生成html新闻文件
- 用for循环自动生成新闻
- 新闻自动生成技术调研分析
- js实现新闻列表自动滚动
- js自动生成缩略图
- dwr自动生成js
- js自动生成table
- python爬虫抓取新华网新闻并自动生成word文档
- Shell脚本中执行sql
- JS基础——索引值的应用
- 自定义属性
- JS基础——自定义属性的应用1
- 微信公众平台开发（一） 配置接口
- JS基础——自动生成一组新闻
- IOS开发之UIView
- [leetcode]Implement strStr()
- struts2动态方法调用
- 室内团队游戏
- jquery学习笔记（转）
- 我是菜鸡：java Runtime类学习
- poj 2250 Compromise 【最长公共子序列变形】
- Fiddler 教程
