将换行符传给后台

将换行符传给后台在文本框中输入换行符传给后台的时候只能显示一个空格,怎么正确的传给后台,并且从后台读取之后再在前端正确显示?HTML代码如下:<textareaname=””id=”text”cols=”30″rows=”10″></textarea><divid=”div1″class=”div1″>ss</div>&…

大家好,又见面了,我是你们的朋友全栈君。

在文本框中输入换行符传给后台的时候只能显示一个空格,

怎么正确的传给后台,并且从后台读取之后再在前端正确显示?

HTML代码如下:

<textarea name="" id="text" cols="30" rows="10"></textarea>
    <div id="div1" class="div1">ss</div>
    <input type="button" value="copytext" name="" id="btn2">

通过console发现,换行符可以匹配’\n’,那么解题思路为,点击btn2的时候替换掉text中所有的\n,

用到两个知识点,正则RegExp和替换replace

 var textnode = document.getElementById('text');
    var btn2 = document.getElementById('btn2');
    var va;

    textnode.oninput=function(e){
        va= textnode.value;
    }

    btn2.onclick=function(){
        document.getElementById('div1').innerHTML= va.replace(RegExp("\n", "g"), "<br>")
    }

上面RegExp里面的g意思是全文匹配,

/**普及一下正则修饰符**/

i:忽略大小写,

g:全文查找所有匹配字符,

m:多行查找

gi/ig:全文查找,忽略大小写,

u:Unicode模式,

S :预定义模式,匹配所有不是空格的字符,

y:黏连修饰符,全局匹配,后一次匹配从上一次匹配成功的下一个位置开始;

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/142292.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • webstrom2021激活码【最新永久激活】

    (webstrom2021激活码)JetBrains旗下有多款编译器工具(如:IntelliJ、WebStorm、PyCharm等)在各编程领域几乎都占据了垄断地位。建立在开源IntelliJ平台之上,过去15年以来,JetBrains一直在不断发展和完善这个平台。这个平台可以针对您的开发工作流进行微调并且能够提供…

  • PyCharm 必备插件合集(更新中)

    PyCharm 必备插件合集(更新中)PyCharm的插件很好用,能够在写代码时加成很多。下面看一下目前我用的一些插件。1..ignore我们做的每个Git项目中都需要一个“.gitignore”文件,这个文件的作用就是告诉Git哪些文件不需要添加到版本管理中。插件使用:https://www.jianshu.com/p/bf1bfa0890e82.BashSupportbash-support是一个高度定制化的vim插件,它允许你插入:文件头、补全语句、注释、函数、以及代码块。它也使你可以进行语法检查、使.

  • Linux移植一_linux从零开始移植

    Linux移植一_linux从零开始移植Linux移植一本文博客链接:http://blog.csdn.net/jdh99,作者:jdh,转载请注明.现在手上有两个开发板,一个是tiny6410,一个是OK6410-A.tiny6410上跑的是linux2.6.38,支持alsa,uboot支持yaffs2系统以及从sd卡启动linux,并且移植了qte的库.而ok6410上跑的是linux2.6.36,没有

  • windows关闭端口方法[通俗易懂]

    windows关闭端口方法[通俗易懂]windows关闭端口方法在介绍各种端口的作用前,这里先介绍一下在Windows中如何关闭/打开端口,因为默认的情况下,有很多不安全的或没有什么用的端口是开启的,比如Telnet服务的23端口、FT

  • Android 画廊 重叠(gallery是什么)

    mainActiviypackagecom.example.mygallary;importandroid.app.Activity;importandroid.content.Context;importandroid.content.res.TypedArray;importandroid.os.Bundle;importandroid.view.Menu;imp

  • leetcode 三数之和_leetcode数组交集

    leetcode 三数之和_leetcode数组交集原题链接给你一个包含 n 个整数的数组 nums,判断 nums 中是否存在三个元素 a,b,c ,使得 a + b + c = 0 ?请你找出所有和为 0 且不重复的三元组。注意:答案中不可以包含重复的三元组。示例 1:输入:nums = [-1,0,1,2,-1,-4]输出:[[-1,-1,2],[-1,0,1]]示例 2:输入:nums = []输出:[]示例 3:输入:nums = [0]输出:[] 提示:0 <= nums.length <= 300

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号