关于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 相关文章推荐
return false;和e.preventDefault();的区别
Jul 11 Javascript
jQuery实战之品牌展示列表效果
Apr 10 Javascript
为Javascript中的String对象添加去除左右空格的方法(示例代码)
Nov 30 Javascript
jquery实现在光标位置插入内容的方法
Feb 05 Javascript
纯JavaScript代码实现移动设备绘图解锁
Oct 16 Javascript
Vue.js中数组变动的检测详解
Oct 12 Javascript
详解刷新页面vuex数据不消失和不跳转页面的解决
Jan 30 Javascript
Vue的属性、方法、生命周期实例代码详解
Sep 17 Javascript
vue点击当前路由高亮小案例
Sep 26 Javascript
JavaScript 作用域scope简单汇总
Oct 23 Javascript
layui实现给某一列加点击事件
Oct 26 Javascript
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
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 程序授权验证开发思路
2009/07/09 PHP
php利用cookie实现访问次数统计代码
2011/05/19 PHP
PHP连接MongoDB示例代码
2012/09/06 PHP
PHPMailer使用教程(PHPMailer发送邮件实例分析)
2012/12/06 PHP
详解PHP数组赋值方法
2015/11/07 PHP
PHP获取指定日期是星期几的实现方法
2016/11/30 PHP
Ext面向对象开发实践(续)
2008/11/18 Javascript
jQuery1.6 正式版发布并提供下载
2011/05/05 Javascript
jQuery查询数据返回object和字符串影响原因是什么
2013/08/09 Javascript
js中的scroll和offset 使用比较的实例与分析
2013/09/29 Javascript
JavaScript变量声明详解
2014/11/27 Javascript
NodeJS学习笔记之(Url,QueryString,Path)模块
2015/01/13 NodeJs
js实现发送验证码后的倒计时功能
2015/05/28 Javascript
jQuery学习之DOM节点的插入方法总结
2017/01/22 Javascript
微信小程序page的生命周期和音频播放及监听实例详解
2017/04/07 Javascript
微信小程序实现皮肤功能(夜间模式)
2017/06/18 Javascript
javascript ES6 新增了let命令使用介绍
2017/07/07 Javascript
JavaScript中如何判断一个值的类型
2017/09/15 Javascript
Angular客户端请求Rest服务跨域问题的解决方法
2017/09/19 Javascript
nodeJS进程管理器pm2的使用
2019/01/09 NodeJs
layui字体图标 loading图标静止不旋转的解决方法
2019/09/23 Javascript
Vue如何获取数据列表展示
2019/12/11 Javascript
jQuery Datatables 动态列+跨列合并实现代码
2020/01/30 jQuery
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
2020/04/08 Javascript
python执行等待程序直到第二天零点的方法
2015/04/23 Python
创建pycharm的自定义python模板方法
2018/05/23 Python
tensorflow实现读取模型中保存的值 tf.train.NewCheckpointReader
2020/02/10 Python
经理管理专业自荐信范文
2013/12/31 职场文书
追悼会上的答谢词
2014/01/10 职场文书
学生干部的自我评价分享
2014/01/18 职场文书
聚美优品广告词改编
2014/03/14 职场文书
家长通知书教师评语
2014/04/17 职场文书
幼儿园教师演讲稿
2014/05/06 职场文书
2014年小学教导处工作总结
2014/12/19 职场文书
瞿秋白纪念馆观后感
2015/06/10 职场文书
GO中sync包自由控制并发示例详解
2022/08/05 Golang