一个JavaScript处理textarea中的字符成每一行实例

 <!doctype html> 

<html lang="en"> 
  <head> 
  <meta charset="utf-8"> 
  <title>每天一个JavaScript实例-处理textarea中的字符成每一行</title> 
  <script> 
       
      function clicka(){ 
        console.log("aaa"); 
        var aa = document.getElementById("text"); 
        var lines = aa.value.split("n"); 
        var bbb = document.getElementById("result"); 
        var string = ""; 
        for(i=0;i<lines.length;i++){ 
          string+= lines[i]+"<br />";////</br> 和<br /> 应该用 <br /> 
        } 
        bbb.innerHTML=string 
        } 
         
  </script> 
  </head> 
   
  <body>     
  <textarea id="text" placeholder="请输入多行文字"></textarea> 
  <div id = "result"></div>         
  <a href="javascript:void(0);" onClick="clicka()">处理换行</a>                       
  </body> 
  </html>

时间: 2025-01-21 07:07:43

一个JavaScript处理textarea中的字符成每一行实例的相关文章

JavaScript统计字符串中每个字符出现次数完整实例_javascript技巧

本文实例讲述了JavaScript统计字符串中每个字符出现次数的方法.分享给大家供大家参考,具体如下: 这是一个面试题,要求随便给你一个字符串,让你求出字符串中每个字符出现的次数. 先来看看运行效果截图: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&

javascript实现textarea中tab键的缩排处理方法

  本文实例讲述了javascript实现textarea中tab键的缩排处理方法.分享给大家供大家参考.具体如下: 网上搜索了一下相关的解决方法,其它的有使用两三行javascript解决的,但都有一些小小的问题.还有使用JQuery的,也非常简洁. 本文的javascript代码实现了在TEXTAREA中输入TAB键并自动缩进的功能.不过这段代码在谷歌浏览器中不能正常执行,在 代码如下: sel =event.srcElement.document.selection.createRange

javascript实现textarea中tab键的缩排处理方法_javascript技巧

本文实例讲述了javascript实现textarea中tab键的缩排处理方法.分享给大家供大家参考.具体如下: 网上搜索了一下相关的解决方法,其它的有使用两三行javascript解决的,但都有一些小小的问题.还有使用JQuery的,也非常简洁. 本文的javascript代码实现了在TEXTAREA中输入TAB键并自动缩进的功能.不过这段代码在谷歌浏览器中不能正常执行,在 复制代码 代码如下: sel =event.srcElement.document.selection.createRa

如何用Javascript获得TextArea中的光标位置

javascript|光标 小弟最近在写一个在线编辑器,UBB版的,由于没有使用弹出窗口,所以,在添加代码的时候,只能添在TextArea的最后面,无法在光标之前插入,于是在网上疯狂的找资料,工夫不负有心人,终于被我找到了如何获得TextArea中的位置,但是如果TextArea中有很多内容的时候,会显得很闪烁.其代码如下. function getPos(obj) { obj.focus(); var workRange=document.selection.createRange(); ob

用javascript获取textarea中的光标位置_javascript技巧

对于写javascript写网页编辑器的人来说,获取textarea中的光标位置是一个非常重要的问题,而往往很多人在这个地方不知所措,找不到好的办法.昨天我在网上找到了一段javascript代码,本来不想把原版放在这里的,就是因为太精彩了,怕我给改坏了,所以还是原版放在这里吧. var start=0;     var end=0;     function add(){                var textBox = document.getElementById("ta"

JavaScript计算字符串中每个字符出现次数的小例子

这篇文章介绍了在JS中计算字符串中每个字符出现的次数,有需要的朋友可以参考一下   代码如下: 复制代码 代码如下: function numInstring(str){     str=str.replace(/ /ig,"");     var strArr=str.split("");     var result=[],beforeLength,afterLength,reg;     for(var i=0;i<strArr.length;i++){

一个JavaScript函数把URL参数解析成Json对象_javascript技巧

问题:请编写一个JavaScript函数parseQueryString,它的用途是把URL参数解析为一个对象. eg:var obj=parseQueryString(url); 创建对象的三种形式: 一: var Person=new Object(); Person.name="Sun"; Person.age=24; 二: var Person=new Object(); Person["name"]="Sun"; Person[&quo

JavaScript访问字符串中单个字符的两种方法_javascript技巧

概述 JavaScript是一门很灵活的语言,也提供了很多原生的函数供我们编程使用.这篇文章主要对javascript中如何访问字符串中的单个字符做一下介绍. javascript中一切皆为对象,要访问字符串中的单个字符主要有两种方法:数组索引和charAt()函数. 索引和charAt() 索引方式访问单个字符串 在javascript中,字符串可以被当做数组来处理,所以我们可以用数组下标的方式来访问单个字符.代码如下: 复制代码 代码如下: <script type="text/jav

javascript计算字符串中每个字符出现次数

 代码如下 复制代码 function charCount(str) {   // 用正则匹配将各个字符从字符串中替换掉,直接用正则匹配的match().length获取每个字符出现的次数   str = str.replace(/s/ig, "");//去除空格   var strArr = str.split("");   var result = [],reg;   for (var i = 0; i < strArr.length; i++) {