关于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 each()小议
Mar 18 Javascript
jquery和css3实现的炫酷时尚的菜单导航
Sep 01 Javascript
javascript中的遍历for in 以及with的用法
Dec 22 Javascript
理解javascript回调函数
Dec 28 Javascript
JavaScript构造函数详解
Dec 27 Javascript
javascript中FOREACH数组方法使用示例
Mar 01 Javascript
关于Stream和Buffer的相互转换详解
Jul 26 Javascript
Angular4学习笔记之准备和环境搭建项目
Aug 01 Javascript
JavaScript设计模式之单例模式简单实例教程
Jul 02 Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
Sep 27 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
Jul 29 Javascript
JS实现简单移动端鼠标拖拽
Jul 23 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简单的留言板与回复功能具体实现
2014/02/19 PHP
PHP中设置一个严格30分钟过期Session面试题的4种答案
2014/07/30 PHP
JS实现图片预加载无需等待
2012/12/21 Javascript
input链接页面、打开新网页等等的具体实现
2013/12/30 Javascript
编写高质量JavaScript代码的基本要点
2016/03/02 Javascript
javascript中arguments,callee,caller详解
2016/03/16 Javascript
Javascript基础之数组的使用
2016/05/13 Javascript
js控件Kindeditor实现图片自动上传功能
2020/07/20 Javascript
自己封装的一个原生JS拖动方法(推荐)
2016/11/22 Javascript
jQuery内存泄露解决办法
2016/12/13 Javascript
jQuery Easyui 下拉树组件combotree
2016/12/16 Javascript
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
js中document.referrer实现移动端返回上一页
2017/02/22 Javascript
es6数据变更同步到视图层的方法
2019/03/04 Javascript
vue回到顶部监听滚动事件详解
2019/08/02 Javascript
[49:35]LGD vs OG 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
[04:16]完美世界DOTA2联赛PWL S2 集锦第一期
2020/11/23 DOTA
将Python的Django框架与认证系统整合的方法
2015/07/24 Python
python中input()与raw_input()的区别分析
2016/02/27 Python
快速实现基于Python的微信聊天机器人示例代码
2017/03/03 Python
Python使用正则表达式过滤或替换HTML标签的方法详解
2017/09/25 Python
python退出命令是什么?详解python退出方法
2018/12/10 Python
Python基础之文件读取的讲解
2019/02/16 Python
Django页面数据的缓存与使用的具体方法
2019/04/23 Python
在python里面运用多继承方法详解
2019/07/01 Python
基于Python绘制个人足迹地图
2020/06/01 Python
英国领先的高街书籍专家:Waterstones
2018/02/01 全球购物
Mamaearth官方网站:印度母婴护理产品公司
2019/10/06 全球购物
Michael Kors英国官网:美国奢侈品品牌
2019/11/13 全球购物
工地门卫岗位职责
2013/12/30 职场文书
史上最牛的辞职信
2015/02/28 职场文书
小学六年级毕业感言
2015/07/30 职场文书
高中体育课教学反思
2016/02/16 职场文书
小学教代会开幕词
2016/03/04 职场文书
德劲DE1105机评
2022/04/05 无线电
MyBatis配置文件解析与MyBatis实例演示
2022/04/07 Java/Android