关于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生成asp.net服务器控件的代码
Feb 04 Javascript
jQuery无刷新分页完整实例代码
Oct 27 Javascript
js删除局部变量的实现方法
Jun 25 Javascript
javascript的几种写法总结
Sep 30 Javascript
vue事件修饰符和按键修饰符用法总结
Jul 25 Javascript
Javascript 编码约定(编码规范)
Mar 11 Javascript
通过一次报错详细谈谈Point事件
May 17 Javascript
Nuxt配合Node在实际生产中的应用详解
Aug 07 Javascript
mongodb初始化并使用node.js实现mongodb操作封装方法
Apr 02 Javascript
JS控制只能输入数字并且最多允许小数点两位
Nov 24 Javascript
vue简单封装axios插件和接口的统一管理操作示例
Feb 02 Javascript
EXTJS7实现点击拖拉选择文本
Dec 17 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本地服务器分享
2013/02/19 PHP
thinkphp框架实现删除和批量删除
2016/06/29 PHP
如何使用PHP给图片加水印
2016/10/12 PHP
JS 继承实例分析
2008/11/04 Javascript
基于jQuery的图片大小自动适应实现代码
2010/11/17 Javascript
在JavaScript并非所有的一切都是对象
2013/04/11 Javascript
关于jQuery object and DOM element
2013/04/15 Javascript
JavaScript实现级联菜单的方法
2015/06/29 Javascript
总结在前端排序中遇到的问题
2016/07/19 Javascript
Angular 页面跳转时传参问题
2016/08/01 Javascript
JavaScript鼠标特效大全
2016/09/13 Javascript
JavaScript数据结构学习之数组、栈与队列
2017/05/02 Javascript
微信小程序本地缓存数据增删改查实例详解
2017/05/24 Javascript
Webpack实战加载SVG的方法
2017/12/26 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
2018/05/07 Javascript
three.js利用射线Raycaster进行碰撞检测
2020/03/12 Javascript
jQuery实现移动端图片上传预览组件的方法分析
2020/05/01 jQuery
js模拟实现百度搜索
2020/06/28 Javascript
vue select 获取value和lable操作
2020/08/28 Javascript
Python实现从URL地址提取文件名的方法
2015/05/15 Python
对python中Matplotlib的坐标轴的坐标区间的设定实例讲解
2018/05/25 Python
Django2.1集成xadmin管理后台所遇到的错误集锦(填坑)
2018/12/20 Python
Python中@property的理解和使用示例
2019/06/11 Python
python opencv实现gif图片分解的示例代码
2019/12/13 Python
python实现输入三角形边长自动作图求面积案例
2020/04/12 Python
CSS3实现文字描边的2种方法(小结)
2020/02/14 HTML / CSS
从零实现一个自定义html5播放器的示例代码
2017/08/01 HTML / CSS
思想汇报范文
2013/11/04 职场文书
物业电工岗位职责
2013/11/20 职场文书
电气自动化求职信
2014/06/24 职场文书
优秀应届毕业生自荐书
2014/06/29 职场文书
学校总务处领导班子民主生活会对照检查材料思想汇报
2014/09/27 职场文书
教师查摆问题自查报告
2014/10/11 职场文书
浅谈Golang 嵌套 interface 的赋值问题
2021/04/29 Golang
用python修改excel表某一列内容的操作方法
2021/06/11 Python
python实现层次聚类的方法
2021/11/01 Python