关于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打字小游戏代码
Dec 26 Javascript
js控制href内容的连接内容的变化示例
Apr 30 Javascript
jQuery中not()方法用法实例
Jan 06 Javascript
js实现进度条的方法
Feb 13 Javascript
写给小白的JavaScript引擎指南
Dec 04 Javascript
js如何判断输入字符串长度
Dec 16 Javascript
基于JavaScript实现熔岩灯效果导航菜单
Jan 04 Javascript
解决mpvue + vuex 开发微信小程序vuex辅助函数mapState、mapGetters不可用问题
Aug 03 Javascript
react-native滑动吸顶效果的实现过程
Jun 03 Javascript
js实现多个标题吸顶效果
Jan 08 Javascript
vue动态合并单元格并添加小计合计功能示例
Nov 26 Vue.js
vue使用element-ui实现表单验证
Dec 13 Vue.js
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
Email+URL的判断和自动转换函数
2006/10/09 PHP
php 友好URL的实现(吐血推荐)
2008/10/04 PHP
PHP字符串处理的10个简单方法
2010/06/30 PHP
PHP缓存技术的使用说明
2011/08/06 PHP
php去除换行符的方法小结(PHP_EOL变量的使用)
2013/02/16 PHP
CodeIgniter框架数据库事务处理的设计缺陷和解决方案
2014/07/25 PHP
PHP中Array相关函数简介
2016/07/03 PHP
php cli模式下获取参数的方法
2017/05/05 PHP
PHP自定义函数实现数组比较功能示例
2017/10/19 PHP
PHP等比例压缩图片的实例代码
2018/07/26 PHP
用js实现控件的隐藏及style.visibility的使用
2013/06/14 Javascript
JQuery插件jcarousellite的参数中文说明
2015/05/11 Javascript
基于Vue.js的表格分页组件
2016/05/22 Javascript
Bootstrap3 多个模态对话框无法显示的解决方案
2017/02/23 Javascript
js 去掉字符串前后空格实现代码集合
2017/03/25 Javascript
ES6中Array.find()和findIndex()函数的用法详解
2017/09/16 Javascript
Express下采用bcryptjs进行密码加密的方法
2018/02/07 Javascript
在vue-cli项目中使用bootstrap的方法示例
2018/04/21 Javascript
Vue2.x中利用@font-size引入字体图标报错的解决方法
2018/09/28 Javascript
vue和better-scroll实现列表左右联动效果详解
2019/04/29 Javascript
微信小程序tab切换可滑动切换导航栏跟随滚动实现代码
2019/09/04 Javascript
JS控制GIF图片的停止与显示
2019/10/24 Javascript
python登录QQ邮箱发信的实现代码
2013/02/10 Python
pygame学习笔记(3):运动速率、时间、事件、文字
2015/04/15 Python
Python的Flask框架中实现分页功能的教程
2015/04/20 Python
Python使用email模块对邮件进行编码和解码的实例教程
2016/07/01 Python
Python模块结构与布局操作方法实例分析
2017/07/24 Python
python爬取Ajax动态加载网页过程解析
2019/09/05 Python
pytorch cuda上tensor的定义 以及减少cpu的操作详解
2020/06/23 Python
python 安装移动复制第三方库操作
2020/07/13 Python
加拿大时尚潮流大码女装购物网站:Addition Elle
2018/04/02 全球购物
JD Sports芬兰:英国领先的运动鞋和运动服饰零售商
2018/11/16 全球购物
销售工作人员的自我评价分享
2013/11/10 职场文书
大班上学期幼儿评语
2014/04/30 职场文书
基于HTML十秒做出淘宝页面
2021/10/24 HTML / CSS
聊聊CSS粘性定位sticky案例解析
2022/06/01 HTML / CSS