关于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 相关文章推荐
JS Array对象入门分析
Oct 30 Javascript
在javascript将NodeList作为Array数组处理的方法
Jul 09 Javascript
jquery文档操作wrap()方法实例简述
Jan 10 Javascript
JavaScript中使用Object.prototype.toString判断是否为数组
Apr 01 Javascript
node模块机制与异步处理详解
Mar 13 Javascript
jQuery Raty 一款不错的星级评分插件
Aug 24 Javascript
mockjs,json-server一起搭建前端通用的数据模拟框架教程
Dec 18 Javascript
js+css实现红包雨效果
Jul 12 Javascript
vue2.0的虚拟DOM渲染思路分析
Aug 09 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
Sep 19 Javascript
angular6的响应式表单的实现
Oct 10 Javascript
vue实现Excel文件的上传与下载功能的两种方式
Jun 28 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
PHP面向对象编程快速入门
2006/10/09 PHP
php下使用SMTP发邮件的代码
2008/01/10 PHP
Windows下部署Apache+PHP+MySQL运行环境实战
2012/08/31 PHP
获取PHP警告错误信息的解决方法
2013/06/03 PHP
雄兵连第三季海报曝光,艾妮熙德成主角,蔷薇新造型
2021/03/09 国漫
prototype class详解
2006/09/07 Javascript
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
2007/04/20 Javascript
jQuery EasyUI中对表格进行编辑的实现代码
2010/06/10 Javascript
javascript使用call调用微信API
2014/12/15 Javascript
JS获得选取checkbox整行数据的方法
2015/01/28 Javascript
分享两个手机访问pc网站自动跳转手机端网站代码
2020/12/24 Javascript
JS功能代码集锦
2016/05/04 Javascript
jQuery删除节点用法示例(remove方法)
2016/09/08 Javascript
BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)
2017/01/03 Javascript
详解vue2父组件传递props异步数据到子组件的问题
2017/06/29 Javascript
详解node.js的http模块实例演示
2018/07/12 Javascript
JS使用canvas中的measureText方法测量字体宽度示例
2019/02/02 Javascript
详解vue中使用vue-quill-editor富文本小结(图片上传)
2019/04/24 Javascript
python实现定时同步本机与北京时间的方法
2015/03/24 Python
Python调用C++程序的方法详解
2017/01/24 Python
Python进阶学习之特殊方法实例详析
2017/12/01 Python
Python中的上下文管理器和with语句的使用
2018/04/17 Python
python模块smtplib实现纯文本邮件发送功能
2018/05/22 Python
解决使用pycharm提交代码时冲突之后文件丢失找回的方法
2018/08/05 Python
Django框架表单操作实例分析
2019/11/04 Python
Python综合应用名片管理系统案例详解
2020/01/03 Python
Django Auth用户认证组件实现代码
2020/10/13 Python
Backcountry旗下的户外商品闪购网站:steep&cheap
2016/09/22 全球购物
Java程序员常见面试题
2015/07/16 面试题
学习两会精神心得范文
2014/03/17 职场文书
企业员工爱岗敬业演讲稿
2014/08/26 职场文书
司法局群众路线教育实践活动整改措施
2014/09/17 职场文书
优秀高中学生评语
2014/12/30 职场文书
公司总经理岗位职责
2015/04/01 职场文书
小学数学教师研修日志
2015/11/13 职场文书
2016关于学习党章的心得体会
2016/01/15 职场文书