关于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 使用技巧精萃(.net html
Apr 25 Javascript
js 获取、清空input type=&quot;file&quot;的值示例代码
Feb 19 Javascript
Javascript动态引用CSS文件的2种方法介绍
Jun 06 Javascript
JavaScript插件化开发教程(六)
Feb 01 Javascript
js字符串操作方法实例分析
May 06 Javascript
10分钟掌握XML、JSON及其解析
Dec 06 Javascript
js实现抽奖效果
Mar 27 Javascript
深入探究AngularJs之$scope对象(作用域)
Jul 20 Javascript
javascript json字符串到json对象转义问题
Jan 22 Javascript
Vue结合后台导入导出Excel问题详解
Feb 19 Javascript
JS实现li标签的删除
Apr 12 Javascript
微信小程序 扭蛋抽奖机css3动画实现详解
Jul 19 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/11/25 PHP
域名和cookie问题(域名后缀)
2012/10/10 PHP
Zend Framework教程之请求对象的封装Zend_Controller_Request实例详解
2016/03/07 PHP
PHPExcel在linux环境下导出报500错误的解决方法
2017/01/26 PHP
php注册审核重点解析(数据访问)
2017/05/23 PHP
PHP实现获取文件mime类型多种方法解析
2020/05/28 PHP
Jquery知识点二 jquery下对数组的操作
2011/01/15 Javascript
Jquery实现点击按钮,连续地向textarea中添加值的实例代码
2014/03/08 Javascript
jQuery实现设置、移除文本框默认值功能
2015/01/13 Javascript
基于jquery实现页面滚动时顶部导航显示隐藏
2020/04/20 Javascript
Javascript中神奇的this
2016/01/20 Javascript
jquery获取img的src值的简单实例
2016/05/17 Javascript
Bootstrap table 定制提示语的加载过程
2017/02/20 Javascript
Node.js微信 access_token ( jsapi_ticket ) 存取与刷新的示例
2017/09/30 Javascript
React Native中导航组件react-navigation跨tab路由处理详解
2017/10/31 Javascript
JS div匀速移动动画与变速移动动画代码实例
2019/03/26 Javascript
[00:10]神之谴戒
2019/03/06 DOTA
Python的函数嵌套的使用方法
2014/01/24 Python
使用Python判断质数(素数)的简单方法讲解
2016/05/05 Python
ubuntu安装mysql pycharm sublime
2018/02/20 Python
django Serializer序列化使用方法详解
2018/10/16 Python
Python eval的常见错误封装及利用原理详解
2019/03/26 Python
postman模拟访问具有Session的post请求方法
2019/07/15 Python
tensorflow安装成功import tensorflow 出现问题
2020/04/16 Python
python查找特定名称文件并按序号、文件名分行打印输出的方法
2020/04/24 Python
windows10 pycharm下安装pyltp库和加载模型实现语义角色标注的示例代码
2020/05/07 Python
Python 多进程原理及实现
2020/12/21 Python
英国电子产品购物网站:TobyDeals
2018/07/30 全球购物
正风肃纪剖析材料
2014/02/18 职场文书
党员个人自我剖析材料
2014/10/08 职场文书
2014年社区计生工作总结
2014/11/18 职场文书
2015年暑期社会实践方案
2015/07/14 职场文书
幼儿教师继续教育培训心得体会
2016/01/19 职场文书
MySQL学习总结-基础架构概述
2021/04/05 MySQL
python for循环赋值问题
2021/06/03 Python
nginx搭建NFS网络文件系统
2022/04/14 Servers