将换行符传给后台

将换行符传给后台在文本框中输入换行符传给后台的时候只能显示一个空格,怎么正确的传给后台,并且从后台读取之后再在前端正确显示?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:黏连修饰符,全局匹配,后一次匹配从上一次匹配成功的下一个位置开始;

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • c语言hello world代码(代码编程入门)

    usingSystem;usingSystem.Collections.Generic;publicclassMyClass{ structName{ publicstringFirstName; publicstringLastName; publicstringGetName(){ returnFirstName+”·”+LastName; } } structVector3{ publicfloatx;

    2022年4月15日
    187
  • 三元运算符用法_三元运算符判断三个值

    三元运算符用法_三元运算符判断三个值一、三元运算符条件运算符(?:)也称为三元条件运算符,用于计算布尔表达式,并根据布尔表达式的计算结果为true还是false来返回(使用三元运算符可以简化If…else)。二、三元运算符语法判断条件?:结果1,结果2三、示例比如判断结果0是男生,否则是女生:①使用if…else编写stringresult=null;if(sexValue==0){result=”男”;}else{result=”女”;…

    2022年9月1日
    1
  • 解决EXSi6.0没有WEB Client的问题

    解决EXSi6.0没有WEB Client的问题问题:安装好EXSi之后通过web访问,只有vSphere下载,没有openwebclient经过百度之后发现EXSi6.0不支持Web,但是支持安装Web,这就好办了。动手!!!思路:1、下载esxui-signed-7119706.vib2、通过SecureCRT连接EXSi服务器3、开启sftp连接4、转到EXSi的/tmp目录,这里仅仅是习惯,其他目录…

    2022年6月5日
    50
  • js获取当前时间(特定的时间格式)[通俗易懂]

    js获取当前时间(特定的时间格式)[通俗易懂]在一个程序中需要对用户的操作进行记录,记录其操作信息,需要对操作进行归类,有时候用户的操作是重复性的操作,那对于重复的操作,也是要区分的,方便查找,可以通过设置类似GUID的唯一值,也可以获取当前的操作时间来区分,因为时间也是唯一的,在任何时候时间都不会出现重复,当然可以获取就可以设置,所以您也可以人为的去设置/修改操作时间。但是这样不好。使用javascript获取时间:在javas…

    2022年9月15日
    2
  • C语言break和continue

    C语言break和continuebreak用法跳出循环语句(for循环、while循环、do…while循环) 跳出switch语句注意:C语言break只能用于这两种情况。break语句不能用于循环语句和switch语句之外的任何其他语句中,不然编译器会报错。continue用法只用于结束本次循环(for循环、while循环、do…while循环),进行下一次循环注意…

    2022年4月28日
    49
  • VisualSVN Server的配置和使用方法

    VisualSVN Server的配置和使用方法

    2021年9月19日
    80

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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