将换行符传给后台

将换行符传给后台在文本框中输入换行符传给后台的时候只能显示一个空格,怎么正确的传给后台,并且从后台读取之后再在前端正确显示?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)
上一篇 2022年5月10日 上午11:00
下一篇 2022年5月10日 上午11:00


相关推荐

  • python控制台输出乱码_解决PyCharm控制台输出乱码的问题

    python控制台输出乱码_解决PyCharm控制台输出乱码的问题最近公司新换了台电脑 各种开发环境要重新配置 想想 Paas 确实还是有市场的 如果有了 这种情况可以省下不少气力 吐槽一下 言归正传装完 python 后 继续装好 PyCharm 把之前的程序导进来试运行下安装是否成功 发现控制台里的显示结果有乱码 乱码部分是一个目录的输出 这个目录里含有中文路径网上搜了下 有人说把下面图中的两个 Encoding 设置为 UTF 8 会解决这个问题 这么配置了下 发现不起作用

    2026年3月19日
    2
  • 无需代码!DeepSeek本地部署全流程指南 保姆级教程

    无需代码!DeepSeek本地部署全流程指南 保姆级教程

    2026年3月15日
    2
  • SQL server2008 安装教程

    SQL server2008 安装教程                                                     这几天因为需要,一直想安装SQLServer2008来作为Web后台的数据库进行些实验,但总是没有时间,今天终于有时间了,便安装了SQLServer2008,以下是我的安装的步骤,希望对于有需要的人有所帮助。    我一共安装了两次,在第一次安装的时候眼看就要安装完成了…

    2022年6月23日
    29
  • mybatis date转string_mybatis字符串转日期

    mybatis date转string_mybatis字符串转日期mybatismysql时间字符串转date(查询)andcreate_time<=str_to_date(#{createTime},’%Y-%m-%d%H:%i:%s’)andDATE_FORMAT(create_time,’%Y-%m-%d%H:%i:%s’)>=DATE_FORMAT(#{queryStartTime},’%Y-%m-%d%H:%i:%s’)andcreate_time>=DATE_FORMAT(#{queryStart

    2026年4月17日
    3
  • 明翰英国硕士常见词汇与固定搭配V1.1(持续更新)

    明翰英国硕士常见词汇与固定搭配V1.1(持续更新)文章目录传送门正文`熟词僻义`学术词汇`论文词汇`学校词汇计算机词汇生活词汇健康饮食犯罪网络用语口语俚语传送门杨明翰英语教学系列之方法篇杨明翰英语教学系列之音标篇杨明翰英语教学系列之名词篇杨明翰英语教学系列之动词篇杨明翰英语教学系列之形容词与副词篇杨明翰英语教学系列之冠词篇杨明翰英语教学系列之代词篇杨明翰英语教学系列之介词篇杨明翰英语教学系列之连词篇杨明翰英语教学系列之数词篇杨明翰英语教学系列之时态与语态篇杨明翰英语教学系列之句法篇杨明翰英语教学系列之口语篇杨明翰英语教学系

    2022年6月2日
    38
  • 睿智的目标检测20——利用mAP计算目标检测精确度「建议收藏」

    睿智的目标检测20——利用mAP计算目标检测精确度「建议收藏」睿智的目标检测20——利用mAP计算目标检测精确度学习前言GITHUB代码下载知识储备1、IOU的概念2、TPTNFPFN的概念3、precision(精确度)和recall(召回率)4、概念举例5、单个指标的局限性什么是AP绘制mAP学习前言好多人都想算一下目标检测的精确度,mAP的概念虽然不好理解,但是理解了就很懂。GITHUB代码下载这个是用来绘制mAP曲线的。https:…

    2022年10月13日
    4

发表回复

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

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