关于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实现的激活输入框后隐藏初始内容
Jun 29 Javascript
超级给力的JavaScript的React框架入门教程
Jul 02 Javascript
js HTML5上传示例代码完整版
Oct 10 Javascript
jQuery下拉菜单的实现代码
Nov 03 Javascript
jQuery的$.extend 浅拷贝与深拷贝
Mar 08 Javascript
JavaScript简单拖拽效果(1)
May 17 Javascript
js实现图片轮播效果学习笔记
Jul 26 Javascript
JavaScript常见事件对象与操作实例总结
Jan 05 Javascript
微信小程序时间轴实现方法示例
Jan 14 Javascript
简单两步使用node发送qq邮件的方法
Mar 01 Javascript
JavaScript中this的学习笔记及用法整理
Feb 17 Javascript
TypeScript 引用资源文件后提示找不到的异常处理技巧
Jul 15 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递归调用与静态变量使用
2012/12/16 PHP
php自动识别文件编码并转换为UTF-8的方法
2014/06/12 PHP
thinkPHP统计排行与分页显示功能示例
2016/12/02 PHP
php实现的中文分词类完整实例
2017/02/06 PHP
利用PHP访问带有密码的Redis方法示例
2017/02/09 PHP
JavaScript窗口功能指南之在窗口中书写内容
2006/07/21 Javascript
基于jquery的鼠标拖动效果代码
2012/05/30 Javascript
百度地图api应用标注地理位置信息(js版)
2013/02/01 Javascript
基于jquery的9行js轻松实现tab控件示例
2013/10/12 Javascript
删除节点的jquery代码
2014/01/13 Javascript
jquery实现手风琴效果
2015/11/20 Javascript
详解AngularJS中的http拦截
2016/02/09 Javascript
探究JavaScript中的五种事件处理程序方式
2016/12/07 Javascript
浅谈JavaScript find 方法不支持IE的问题
2017/09/28 Javascript
vue-infinite-loading2.0 中文文档详解
2018/04/08 Javascript
微信小程序页面间传值与页面取值操作实例分析
2019/04/30 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
2019/08/08 Javascript
python每次处理固定个数的字符的方法总结
2013/01/29 Python
python生成随机验证码(中文验证码)示例
2014/04/03 Python
详解Python验证码识别
2016/01/25 Python
windows系统下Python环境搭建教程
2017/03/28 Python
centos 安装Python3 及对应的pip教程详解
2019/06/28 Python
使用python搭建服务器并实现Android端与之通信的方法
2019/06/28 Python
PowerBI和Python关于数据分析的对比
2019/07/11 Python
django项目登录中使用图片验证码的实现方法
2019/08/15 Python
解决pytorch报错:AssertionError: Invalid device id的问题
2020/01/10 Python
详解python tkinter包获取本地绝对路径(以获取图片并展示)
2020/09/04 Python
Python 利用argparse模块实现脚本命令行参数解析
2020/12/28 Python
html5/css3响应式页面开发总结
2018/10/16 HTML / CSS
美国杂志订阅折扣与优惠网站:Magazines.com
2016/08/31 全球购物
澳大利亚最便宜的网上药房:Chemist Warehouse
2020/01/30 全球购物
银行财务部实习生的自我鉴定
2013/11/27 职场文书
中职毕业生自我鉴定范文(3篇)
2014/09/28 职场文书
2015年学生会纪检部工作总结
2015/03/31 职场文书
导游词之蜀山胜景瓦屋山
2019/11/29 职场文书
Spring Data JPA框架自定义Repository接口
2022/04/28 Java/Android