首页 > 软件开发 > JavaScript >

js如何实现for的两重循环换行

来源:互联网 2023-03-16 23:58:34 版权归原作者所有,如有侵权,请联系我们

刚学js,对循环的方式以及换行的方式会比较陌生,特别是换行,在不同情况下要使用不同的换行符。下面用个小例子介绍两种情况下使用js如何实现for的两重循环换行。S98办公区 - 实用经验教程分享!

工具/原料

  • Notepad
  • chrome浏览器

方法/步骤

  • 1

    先在一个文件夹下创建index.html文件。S98办公区 - 实用经验教程分享!

    js如何实现for的两重循环换行S98办公区 - 实用经验教程分享!

  • 1本页面未经授权抓取自百度经验
  • 2

    创建完后,在html文件中添加基本的页面标签。S98办公区 - 实用经验教程分享!

    js如何实现for的两重循环换行S98办公区 - 实用经验教程分享!

  • 3

    接下来就是要用js编写代码。S98办公区 - 实用经验教程分享!

    图中代码就是第一种换行方式,使用的是"n"作为换行符。使用这个换行符的情况是,如果你显示的数据不是输出在html页面上,就使用"n"作为换行符。S98办公区 - 实用经验教程分享!

    图中代码的过程是,在内部的循环中,每执行一次,就给字符串添加一个换行符,然后最后通过弹窗的方式将字符串显示出来。需要注意一点,js中变量的声明都是用var来当做数据类型的,所以用于循环计数的i,j的数据类型都为var。S98办公区 - 实用经验教程分享!

    js如何实现for的两重循环换行S98办公区 - 实用经验教程分享!

  • 4

    按上图编辑好index.html文件后,使用浏览器打开index.html文件,结果如图。从图中可以看到,弹出的窗口,将四个名字显示成了两行,说明换行成功。S98办公区 - 实用经验教程分享!

    js如何实现for的两重循环换行S98办公区 - 实用经验教程分享!

  • 5

    接下来说说第二种情况。S98办公区 - 实用经验教程分享!

    通常使用js都是会将数据显示在html页面上,这时换行符就不能用"n"了,此时应该使用"br />"。如图修改index.html文件。S98办公区 - 实用经验教程分享!

    js如何实现for的两重循环换行S98办公区 - 实用经验教程分享!

  • 6

    修改完index.html文件后,再次使用浏览器打开index.html文件,运行结果如图。这样就成功在页面上显示用js处理过的字符串了。S98办公区 - 实用经验教程分享!

    js如何实现for的两重循环换行S98办公区 - 实用经验教程分享!

  • 注意事项

    • 注意不同情况使用换行符不一样

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!S98办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号