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


Posted in Javascript onAugust 03, 2018

前言

本文很简单,就是记录一下js对textarea换行符的处理。

调试

随便写一个textarea

<textarea name="" id="textareaid" cols="30" rows="10"></textarea>

整个调试如下图:

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

发现: textareaid里面的换行符可以通过indexOf获取

textareaid.value.indexOf("\n")

但是直接通过正则全局替换没有效果(如上图)

textareaid.value.replace('/\n/g',';')

但是单个替换可以替换到:

textareaid.value.replace('\n',';')
"haorooms换行符测试;haorooms换行符测试1
haorooms换行符测试2
haorooms换行符测试3"
textareaid.value.replace('\n','<br/>')
"haorooms换行符测试<br/>haorooms换行符测试1
haorooms换行符测试2
haorooms换行符测试3"

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

全局替换方案

如上图运行,全局替换一般用如下代码:

textareaid.value.split("\n").join(";")

先分割成数组,然后再用你要替换的符号链接。

小结

文章很短,发现很多网上的写法不是很对。把自己的调试过程,记录一下,分享给大家!

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
JavaScript内核之基本概念
Oct 21 Javascript
javascript中的onkeyup和onkeydown区别介绍
Apr 28 Javascript
JS判断是否360安全浏览器极速内核的方法
Jan 29 Javascript
javascript实现youku的视频代码自适应宽度
May 25 Javascript
javascript生成img标签的3种实现方法(对象、方法、html)
Dec 25 Javascript
用NODE.JS中的流编写工具是要注意的事项
Mar 01 Javascript
深入理解JS中的Function.prototype.bind()方法
Oct 11 Javascript
Angular4绑定html内容出现警告的处理方法
Nov 03 Javascript
jquery实现动态添加附件功能
Oct 23 jQuery
ES6 Object方法扩展的应用实例分析
Jun 25 Javascript
如何编写一个 Webpack Loader的实现
Oct 18 Javascript
在vue中动态修改css其中一个属性值操作
Dec 07 Vue.js
webpack4 + react 搭建多页面应用示例
Aug 03 #Javascript
使用JS代码实现俄罗斯方块游戏
Aug 03 #Javascript
小程序tab页无法传递参数的方法
Aug 03 #Javascript
详解Webpack多环境代码打包的方法
Aug 03 #Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 #jQuery
浅析Vue 和微信小程序的区别、比较
Aug 03 #Javascript
Vue 项目分环境打包的方法示例
Aug 03 #Javascript
You might like
php中删除字符串中最先出现某个字符的实现代码
2013/02/03 PHP
PHP 读取和编写 XML
2014/11/19 PHP
php获得客户端浏览器名称及版本的方法(基于ECShop函数)
2015/12/23 PHP
Zend Framework教程之MVC框架的Controller用法分析
2016/03/07 PHP
PHP实现可自定义样式的分页类
2016/03/29 PHP
PHP 实现页面静态化的几种方法
2017/07/23 PHP
jquery配合css简单实现返回顶部效果
2013/09/30 Javascript
判断访客终端类型集锦
2015/06/05 Javascript
微信小程序 图片等比例缩放(图片自适应屏幕)
2016/11/16 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
2017/02/12 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
2018/09/03 Javascript
Vue $emit $refs子父组件间方法的调用实例
2018/09/12 Javascript
NodeJS读取分析Nginx错误日志的方法
2019/05/14 NodeJs
Node.js 多进程处理CPU密集任务的实现
2019/05/26 Javascript
jQuery实现朋友圈查看图片
2020/09/11 jQuery
[01:07]2015国际邀请赛 中国区预选赛精彩回顾
2015/06/15 DOTA
[40:31]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
[00:29]2019完美世界全国高校联赛(秋季赛)总决赛海口落幕
2019/12/10 DOTA
介绍Python中的fabs()方法的使用
2015/05/14 Python
Python松散正则表达式用法分析
2016/04/29 Python
Python中创建字典的几种方法总结(推荐)
2017/04/27 Python
python 利用栈和队列模拟递归的过程
2018/05/29 Python
python自定义线程池控制线程数量的示例
2019/02/22 Python
python复合条件下的字典排序
2020/12/18 Python
pycharm配置QtDesigner的超详细方法
2021/01/25 Python
CSS3实现div从下往上滑入滑出效果示例
2020/04/28 HTML / CSS
泰国国际航空公司官网:Thai Airways International
2019/12/04 全球购物
一封普通求职者的求职信
2013/11/20 职场文书
小学班干部竞选演讲稿
2014/04/24 职场文书
个人课题方案
2014/05/08 职场文书
行政人事主管岗位职责
2015/04/11 职场文书
党员转正申请报告
2015/05/15 职场文书
Python中Permission denied的解决方案
2021/04/02 Python
go mod 安装依赖 unkown revision问题的解决方案
2021/05/06 Golang
Python 中random 库的详细使用
2021/06/03 Python
Python排序算法之插入排序及其优化方案详解
2021/06/11 Python