关于js对textarea换行符的处理方法浅析

前言 本文很简单，就是记录一下js对textarea换行符的处理。 调试 随便写一个textarea <div class="content"> <p><span style="color: #ff0000"><strong>前言</strong></span><br></p> <p>本文很简单，就是记录一下js对textarea换行符的处理。</p> <p><span style="color: #ff0000"><strong>调试<br></strong></span></p> <p>随便写一个textarea</p> <div class="jb51code"> <pre class="brush: javascript;"> <textarea name="" id="textareaid" cols="30" rows="10"></textarea></pre> </div> <p>整个调试如下图：</p> <p style="text-align: center"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"alt="关于js对textarea换行符的处理方法浅析" src="/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxOTA0MDMvYl8wXzIwMTkwNDAzMTgyODA4ODY1MC5qcGc=" title="关于js对textarea换行符的处理方法浅析"></p> <p>发现： textareaid里面的换行符可以通过indexof获取</p> <div class="jb51code"> <pre class="brush: javascript;"> textareaid.value.indexof("\n")</pre> </div> <p>但是直接通过正则全局替换没有效果（如上图）</p> <div class="jb51code"> <pre class="brush: javascript;"> textareaid.value.replace('/\n/g',';')</pre> </div> <p>但是单个替换可以替换到：</p> <div class="jb51code"> <pre class="brush: javascript;"> textareaid.value.replace('\n',';') "haorooms换行符测试;haorooms换行符测试1 haorooms换行符测试2 haorooms换行符测试3" textareaid.value.replace('\n','<br/>') "haorooms换行符测试<br/>haorooms换行符测试1 haorooms换行符测试2 haorooms换行符测试3"</pre> </div> <p style="text-align: center"><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"alt="关于js对textarea换行符的处理方法浅析" src="/default/index/img?u=aHR0cDovL2ltYWdlczMuMTBxaWFud2FuLmNvbS8xMHFpYW53YW4vMjAxOTA0MDMvYl8wXzIwMTkwNDAzMTgyODA4OTEyMS5qcGc=" title="关于js对textarea换行符的处理方法浅析"></p> <p><span style="color: #ff0000"><strong>全局替换方案<br></strong></span></p> <p>如上图运行，全局替换一般用如下代码：</p> <div class="jb51code"> <pre class="brush: javascript;"> textareaid.value.split("\n").join(";")</pre> </div> <p>先分割成数组，然后再用你要替换的符号链接。</p> <p><strong>小结</strong><br></p> <p>文章很短，发现很多网上的写法不是很对。把自己的调试过程，记录一下，分享给大家！</p> <p><span style="color: #ff0000"><strong>总结</strong></span></p> <p>以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对的支持。</p> </div> <div class="info-pre-next"> <p> 上一篇： <a href="/article/138810.html"> JavaScript捕捉事件和阻止冒泡事件实例分析 </a> </p> <p> 下一篇： <a href="/article/138812.html"> mpvue小程序仿qq左滑置顶删除组件 </a> </p> </div> <div class="wz_tuijian"> <p> 推荐阅读 </p> <ul> <li> <a href="/article/2303890.html" target="_blank" title="js和php对url编码的处理方法_PHP教程"> <h2> js和php对url编码的处理方法_PHP教程 </h2> </a> </li> <li> <a href="/article/2203363.html" target="_blank" title="关于js和php对url编码的处理方法"> <h2> 关于js和php对url编码的处理方法 </h2> </a> </li> <li> <a href="/article/1957163.html" target="_blank" title="关于js和php对url编码的处理方法"> <h2> 关于js和php对url编码的处理方法 </h2> </a> </li> <li> <a href="/article/1711415.html" target="_blank" title="js获取TextArea每一行字符串，包括自动换行符的解决方法"> <h2> js获取TextArea每一行字符串，包括自动换行符的解决方法 </h2> </a> </li> <li> <a href="/article/1492144.html" target="_blank" title="关于js对textarea换行符的处理方法浅析"> <h2> 关于js对textarea换行符的处理方法浅析 </h2> </a> </li> <li> <a href="/article/1417227.html" target="_blank" title="关于js和php对url编码的处理方法_PHP"> <h2> 关于js和php对url编码的处理方法_PHP </h2> </a> </li> <li> <a href="/article/1281063.html" target="_blank" title="关于js和php对url编码的处理方法"> <h2> 关于js和php对url编码的处理方法 </h2> </a> </li> <li> <a href="/article/1277820.html" target="_blank" title="关于js和php对url编码的处理方法"> <h2> 关于js和php对url编码的处理方法 </h2> </a> </li> <li> <a href="/article/1067021.html" target="_blank" title="关于 session 不能自动去除的临时处理方法（转载）我一直没用SESSION。。因为PHP里对SESSION的处理我一..."> <h2> 关于 session 不能自动去除的临时处理方法（转载）我一直没用SESSION。。因为PHP里对SESSION的处理我一... </h2> </a> </li> <li> <a href="/article/1046214.html" target="_blank" title="js和php对url编码的处理方法_PHP教程"> <h2> js和php对url编码的处理方法_PHP教程 </h2> </a> </li> </ul> </div> </article> </div> </main> <footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body> </html>