首页 > 软件开发 > CSS >

js换行符怎么用

来源:互联网 2023-03-16 19:10:35 162

在做前端开发时,我们一般都是使用js来做逻辑代码的。在使用js时,如何使用换行符?要分二种情况了,下面我们来看一下。

ohY办公区 - 实用经验教程分享!

ohY办公区 - 实用经验教程分享!

方法/步骤

  • 1

    在html里,我有一个div,和一个textarea控件。初始都是没有内容的。

    ohY办公区 - 实用经验教程分享!

    ohY办公区 - 实用经验教程分享!

    js换行符怎么用ohY办公区 - 实用经验教程分享!

  • 2

    然后再加一个按钮,有一个事件,主要是用来为div和textarea插入数据的。

    ohY办公区 - 实用经验教程分享!

    ohY办公区 - 实用经验教程分享!

    js换行符怎么用ohY办公区 - 实用经验教程分享!

  • 3

    由于我们的代码使用jquery来操作dom元素,因此需要引入jquery代码。

    ohY办公区 - 实用经验教程分享!

    ohY办公区 - 实用经验教程分享!

    js换行符怎么用ohY办公区 - 实用经验教程分享!

  • 4

    在js脚本逻辑里,我们先来看一下插入数据到div里的情况,在这种情况下要换行,我们就要使用br标签了。直接在内容里要换行的地方插入一个br标签就行了。

    ohY办公区 - 实用经验教程分享!

    ohY办公区 - 实用经验教程分享!

    js换行符怎么用ohY办公区 - 实用经验教程分享!

  • 5

    而在textarea控件要,要插入换行,我们需要在内容里插入『 \n 』的换行符号。

    ohY办公区 - 实用经验教程分享!

    ohY办公区 - 实用经验教程分享!

    js换行符怎么用ohY办公区 - 实用经验教程分享!

  • 5此文章未经授权抓取自百度经验
  • 6

    运行页面,都是没有数据的,点击下方的按钮。

    ohY办公区 - 实用经验教程分享!

    ohY办公区 - 实用经验教程分享!

    js换行符怎么用ohY办公区 - 实用经验教程分享!

  • 7

    看到结果,在插入的字符里,都加上换行的。

    ohY办公区 - 实用经验教程分享!

    ohY办公区 - 实用经验教程分享!

    js换行符怎么用ohY办公区 - 实用经验教程分享!

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


    标签: HTMLCSS

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