经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置：技术经验 » HTML/CSS » HTML5 » 查看文章
【代码笔记】Web-JavaScript-javaScript for循环
来源：cnblogs　　作者：菜鸟and小白　　时间：2018/12/21 10:41:39　　对本文有异议

一，效果图。

 

二，代码。

 

复制代码
  1. <!DOCTYPE html>
  2. <html>
  4. <head>
  5.     <meta charset="utf-8">
  6.     <title>javascript for循环</title>
  7. </head>
  9. <body>
  10.     <script>
  11.     cars = ["bmw", "volvo", "saab", "ford"];
  12.     for (var i = 0; i < cars.length; i++) {
  13.         document.write(cars[i] + "<br>");
  14.     }
  15.     </script>
  16.     <p>点击按钮循环代码5次</p>
  17.     <button onclick="myFunction()">点击这里</button>
  18.     <p id="demo"></p>
  19.     <script>
  20.     function myFunction() {
  21.         var x = "";
  22.         for (var i = 0; i < 5; i++) {
  23.             x = x + "the number is" + i + "<br>";
  24.         }
  25.         document.getElementById("demo").innerHTML = x;
  26.     }
  27.     </script>
  28.     <p>点击下面的按钮，循环遍历对象"person"的属性</p>
  29.     <button onclick="myFunction()">点击这里</button>
  30.     <p id="demo1"></p>
  31.     <script>
  32.     function myFunction() {
  33.         var x;
  34.         var txt = "";
  35.         var person = {
  36.             fname: "bill",
  37.             lname: "gates",
  38.             age: 56
  39.         };
  40.         for (x in person) {
  41.             txt = txt + person[x];
  42.         }
  43.         document.getElementById("demo1").innerHTML = txt;
  45.     }
  46.     </script>
  47. </body>
  49. </html>
复制代码

 

参考资料：《菜鸟教程》

 友情链接：直通硅谷 　点职佳 　北美留学生论坛

HTML5热门文章

  • Webpack友好的错误提示插件friendly-errors-webpack-plugin
  • uni-app 微信小程序 picker 三级联动
  • 记录vue用 html5+做移动APP 用barcode做扫一扫功能时安卓 的bug(黑屏、错位等等)和解决方法
  • H5+ 操作手机日历
  • uni-app开发经验分享十五： uni-app 蓝牙打印功能
  • 设计中的设计PDF下载高清完整扫描原版
  • 前端canvas动画如何转成mp4视频的方法
  • antd通过 filterDropdown 自定义--按某天时间搜索
  • H5+ API 设置手机状态栏颜色以及沉浸式状态栏
  • elementui中el-input联想搜索框

    • HTML5推荐文章

  • canvas实现动态替换人物的背景颜色
  • form 表单恢复初始数据
  • canvas?中如何实现物体的框选
  • 前端canvas中物体边框和控制点的实现示例
  • FileReader()读取文件、图片上传预览
  • 跨域访问方法介绍(5)--使用 window.postMessage 传递数据
  • 跨域访问方法介绍(3)--使用片段识别符传值
  • 跨域访问方法介绍(4)--使用 window.name 传值
  • HTML
  • 前端常用模板引擎- artTemplate

    • 本站QQ群：前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

    W3xue 的所有内容仅供测试，对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
    关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接（目前9元/月）请联系QQ：27243702 沸活量
    皖ICP备17017327号-2　皖公网安备34020702000426号