关于js对textarea换行符的处理方法浅析

 更新时间:2018年08月03日 10:34:03   作者:Haorooms  
这篇文章主要给大家介绍了关于js对textarea换行符的处理方法的相关资料,文中通过示例代码介绍地方非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

前言

本文很简单,就是记录一下js对textarea换行符的处理。

调试

随便写一个textarea

<textarea name="" id="textareaid" cols="30" rows="10"></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"

全局替换方案

如上图运行,全局替换一般用如下代码:

textareaid.value.split("\n").join(";")

先分割成数组,然后再用你要替换的符号链接。

小结

文章很短,发现很多网上的写法不是很对。把自己的调试过程,记录一下,分享给大家!

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

相关文章

  • JavaScript单线程和任务队列原理解析

    JavaScript单线程和任务队列原理解析

    这篇文章主要介绍了JavaScript单线程和任务队列原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • js中eval方法详解之eval方法的初级应用

    js中eval方法详解之eval方法的初级应用

    js中eval()函数可计算某个字符串,下面这篇文章主要给大家介绍了关于js中eval方法详解之eval方法的初级应用的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-01-01
  • js获取json元素数量的方法

    js获取json元素数量的方法

    这篇文章主要介绍了js获取json元素数量的方法,可实现对json元素数量的统计功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • JavaScript事件类型中焦点、鼠标和滚轮事件详解

    JavaScript事件类型中焦点、鼠标和滚轮事件详解

    这篇文章主要为大家详细介绍了JavaScript事件类型中焦点、鼠标和滚轮事件,以及注意事项,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 详解微信小程序缓存--缓存时效性

    详解微信小程序缓存--缓存时效性

    这篇文章主要介绍了微信小程序缓存时效性,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • javascript 检测浏览器类型和版本的代码

    javascript 检测浏览器类型和版本的代码

    如果对javascript了解不是特别深入的话,很容易就会写出不兼容的代码(就像我),这时候就得判断浏览器了。比如事件侦听、一些鼠标和键盘事件、Range等,一些都会不一样.下面列出几种常用的检测浏览器方法,以飨观众!
    2009-09-09
  • JavaScript 引用类型之原始值包装类型String

    JavaScript 引用类型之原始值包装类型String

    这篇文章主要介绍了JavaScript 引用类型之原始值包装类型String,String是对应字符串的引用类型。要创建一个String 对象,使用String 构造函数并传入一个数值,更多相关内容需要的朋友可以参考一下
    2022-07-07
  • js匿名函数使用&传参(实例)

    js匿名函数使用&传参(实例)

    下面小编就为大家带来一篇js匿名函数使用&传参(实例)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • underscore之Collections_动力节点Java学院整理

    underscore之Collections_动力节点Java学院整理

    underscore为集合类对象提供了一致的接口。集合类是指Array和Object,暂不支持Map和Set。下面通过本文给大家分享underscore之Collections的相关知识,需要的的朋友参考下吧
    2017-07-07
  • webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程

    webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程

    这篇文章主要介绍了webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2019-06-06

最新评论