关于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 相关文章推荐
jQuery AjaxQueue改进步骤
Oct 06 Javascript
关于jQuery参考实例2.0 用jQuery选择元素
Apr 07 Javascript
js实现类似jquery里animate动画效果的方法
Apr 10 Javascript
javascript的BOM汇总
Jul 16 Javascript
jQuery的文档处理程序详解
May 10 Javascript
node-http-proxy修改响应结果实例代码
Jun 06 Javascript
用p5.js制作烟花特效的示例代码
Mar 21 Javascript
JS根据json数组多个字段排序及json数组常用操作
Jun 06 Javascript
vue实现一拉到底的滑动验证
Jul 25 Javascript
微信小程序通过js实现瀑布流布局详解
Aug 28 Javascript
基于js实现抽红包并分配代码实例
Sep 19 Javascript
JavaScript实现多层颜色选项卡嵌套
Sep 21 Javascript
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
初学者入门:细述PHP4的核心Zend
2006/09/05 PHP
php字符串截取函数用法分析
2014/11/25 PHP
php实现mysql备份恢复分卷处理的方法
2014/12/26 PHP
PHP实现打包zip并下载功能
2018/06/12 PHP
帮助避免错误的Javascript陷阱清单
2009/05/31 Javascript
如何判断鼠标是否在DIV的区域内
2013/11/13 Javascript
node.js中的url.resolve方法使用说明
2014/12/10 Javascript
node.js中的favicon.ico请求问题处理
2014/12/15 Javascript
JavaScript中setMonth()方法的使用详解
2015/06/11 Javascript
轮播图组件js代码
2016/08/08 Javascript
Bootstrap Table从服务器加载数据进行显示的实现方法
2016/09/29 Javascript
原生js实现吸顶效果
2017/03/13 Javascript
angular.fromJson与toJson方法用法示例
2017/05/17 Javascript
JS实现上传图片的三种方法并实现预览图片功能
2017/07/14 Javascript
JS监听滚动和id自动定位滚动
2018/12/18 Javascript
javascript设计模式 ? 简单工厂模式原理与应用实例分析
2020/04/09 Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
2020/07/22 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
2020/11/24 Javascript
[01:00:52]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第一场
2018/04/05 DOTA
Python判断变量是否已经定义的方法
2014/08/18 Python
python中迭代器(iterator)用法实例分析
2015/04/29 Python
PyCharm设置护眼背景色的方法
2018/10/29 Python
Python写一个基于MD5的文件监听程序
2019/03/11 Python
Django中使用session保持用户登陆连接的例子
2019/08/06 Python
python中树与树的表示知识点总结
2019/09/14 Python
Python 字符串、列表、元组的截取与切片操作示例
2019/09/17 Python
动态设置django的model field的默认值操作步骤
2020/03/30 Python
用python监控服务器的cpu,磁盘空间,内存,超过邮件报警
2021/01/29 Python
纽约香氛品牌:NEST Fragrance
2018/10/15 全球购物
高校自主招生自荐信
2013/12/09 职场文书
诚信考试倡议书
2014/04/15 职场文书
开展党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
学生逃课检讨书
2015/02/17 职场文书
金陵十三钗观后感
2015/06/04 职场文书
围城读书笔记
2015/06/26 职场文书
“爱眼护眼,提前预防近视”倡议书3篇
2019/10/30 职场文书