将换行符传给后台

将换行符传给后台在文本框中输入换行符传给后台的时候只能显示一个空格,怎么正确的传给后台,并且从后台读取之后再在前端正确显示?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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 编写你自己的单点登录(SSO)服务

    编写你自己的单点登录(SSO)服务

    2021年12月10日
    59
  • OllyDBG 入门

    OllyDBG 入门一 OllyDBG 的安装与配置 OllyDBG1 10 版的发布版本是个 ZIP 压缩包 只要解压到一个目录下 运行 OllyDBG exe 就可以了 汉化版的发布版本是个 RAR 压缩包 同样只需解压到一个目录下运行 OllyDBG exe 即可 OllyDBG 中各个窗口的功能如上图 简单解释一下各个窗口的功能 更详细的内容可以参考 TT 小组翻译的中文帮助 反汇编窗口 显示被调试程序的反汇编代码 标题栏上的地址 HEX 数据 反汇编 注释可以通过在窗口中右击出现的菜单界面选项 gt 隐藏

    2025年5月9日
    7
  • win10键盘灯怎么开启_windows10怎么开键盘灯光

    win10键盘灯怎么开启_windows10怎么开键盘灯光win10系统,联想拯救者,有时我们需要在昏暗的条件下开灯。快捷键Fn+空格(space)fn:functionn大家可以试一试。

    2025年12月1日
    7
  • 联合概率,边际概率,条件概率的区别_非条件概率和边际概率

    联合概率,边际概率,条件概率的区别_非条件概率和边际概率一时忘了联合概率、边际概率、条件概率是怎么回事,回头看看。某离散分布:联合概率、边际概率、条件概率的关系:其中,Pr(X=x,Y=y)为“XY的联合概率”;Pr(X=x)为“X的边际概率”;Pr(X=x|Y=y)为“X基于Y的条件概率”;Pr(Y=y)为“Y的边际概率”;从上式子中可以看到:Pr(X=x,Y=y)=Pr(X=x|Y=y)*Pr(Y=y)

    2022年10月18日
    5
  • 按位取反怎么运算_按位取反运算

    按位取反怎么运算_按位取反运算读本文前请首先搞懂“反码”,“取反”,“按位取反(~)”,这3个概念是不一样的。取反:0变1,1变0反码:正数的反码是其本身,对于负数其符号位不变其它各位取反(0变1,1变0)按位取反(~):这将是下面要讨论的。“~”运算符在c、c++、java、c#中都有,之前一直没有遇到这个运算符。要弄懂这个运算符的计算方法,首先必须明白二进制数在内存中的存放形式,二

    2022年4月19日
    116
  • Win7如何简单的关闭445端口及445端口入侵详解

    Win7如何简单的关闭445端口及445端口入侵详解最近永恒之蓝病毒攻击了很多教育网的同学,下面我们就来看一下如何关闭445端口根据网络安全机构通报,这是不法分子利用NSA黑客武器库泄漏的“永恒之蓝”发起的病毒攻击事件。“永恒之蓝”会扫描开放445文件共享端口的Windows机器,无需用户任何操作,只要开机上网,不法分子就能在电脑和服务器中植入勒索软件、远程控制木马、虚拟货币挖矿机等恶意程序。由于以前国内多次爆发利用445端口传播的蠕虫,运

    2022年6月15日
    128

发表回复

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

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