关于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 相关文章推荐
显示js对象所有属性和方法的函数
Oct 16 Javascript
Javascript 通过json自动生成Dom的代码
Apr 01 Javascript
JavaScript的单例模式 (singleton in Javascript)
Jun 11 Javascript
基于jQuery UI CSS Framework开发Widget的经验
Aug 21 Javascript
最新28个很棒的jQuery 教程
May 28 Javascript
关于include标签导致js路径找不到的问题分析及解决
Jul 09 Javascript
document.getElementById获取控件对象为空的解决方法
Nov 20 Javascript
纯js实现无限空间大小的本地存储
Jun 18 Javascript
jQuery EasyUI框架中的Datagrid数据表格组件结构详解
Jun 09 Javascript
JavaScript输出所选择起始与结束日期的方法
Jul 12 Javascript
Angular实现的简单定时器功能示例
Dec 28 Javascript
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
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 for 循环语句使用方法详细说明
2010/05/09 PHP
探讨方法的重写(覆载)详解
2013/06/08 PHP
php检测网页是否被百度收录的函数代码
2013/10/09 PHP
php 判断字符串中是否包含html标签
2014/02/17 PHP
解决tp5在nginx下修改配置访问的问题
2019/10/16 PHP
jQuery 动画弹出窗体支持多种展现方式
2010/04/29 Javascript
javascript dom代码应用 简单的相册[firefox only]
2010/06/12 Javascript
让浏览器非阻塞加载javascript的几种方法小结
2011/04/25 Javascript
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法
2012/11/14 Javascript
JS去除数组重复值的五种不同方法
2013/09/06 Javascript
JS中处理时间之setUTCMinutes()方法的使用
2015/06/12 Javascript
Django中使用jquery的ajax进行数据交互的实例代码
2017/10/15 jQuery
Vue CLI3中使用compass normalize的方法
2019/05/30 Javascript
javascript+css实现俄罗斯方块小游戏
2020/06/28 Javascript
Python发送form-data请求及拼接form-data内容的方法
2016/03/05 Python
Python字符编码判断方法分析
2016/07/01 Python
基于ID3决策树算法的实现(Python版)
2017/05/31 Python
PyTorch上搭建简单神经网络实现回归和分类的示例
2018/04/28 Python
python如何查看微信消息撤回
2018/11/27 Python
Python中shapefile转换geojson的示例
2019/01/03 Python
python 数据生成excel导出(xlwt,wlsxwrite)代码实例
2019/08/23 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
Django通过json格式收集主机信息
2020/05/29 Python
Python爬虫爬取百度搜索内容代码实例
2020/06/05 Python
给ubuntu18安装python3.7的详细教程
2020/06/08 Python
Python使用requests模块爬取百度翻译
2020/08/25 Python
Opencv python 图片生成视频的方法示例
2020/11/18 Python
python利用appium实现手机APP自动化的示例
2021/01/26 Python
python 制作网站小说下载器
2021/02/20 Python
SOKOLOV官网:俄罗斯珠宝首饰品牌
2021/01/02 全球购物
医学生个人求职信范文
2014/02/07 职场文书
开平碉楼导游词
2015/02/06 职场文书
员工聘用合同范本
2015/09/21 职场文书
浅谈tf.train.Saver()与tf.train.import_meta_graph的要点
2021/05/26 Python
Python深度学习之实现卷积神经网络
2021/06/05 Python
golang中的struct操作
2021/11/11 Golang