将换行符传给后台

全栈程序员站长

发布于 2022-08-25 12:48:24

68800

代码可运行

文章被收录于专栏：全栈程序员必看全栈程序员必看

运行总次数：0

代码可运行

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

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

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

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.cn/142292.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022年5月1，如有侵权请联系 cloudcommunity@tencent.com 删除