`
ypluck
  • 浏览: 77972 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

关于textarea的innerHTML和value换行问题

阅读更多
今天测试了下ajax,在进行textarea时,发现innerHTML和value使用的区别,很奇怪的一件事,嘿嘿。


正题:

ajax代码:
  <script type="text/javascript">
  	var ajaxConn;
  	function createHttpRequest()
  	{
  		try
  		{
  			if(window.XMLHttpRequest)
  			{
	  			ajaxConn=new XMLHttpRequest();
  			}
	  		else if(window.ActiveXObject)
  			{
  				ajaxConn=new ActiveXObject("Msxml2.XMLHTTP");
  			}
  		}
  		catch(e)
  		{
			ajaxConn=new ActiveXObject("Microsoft.XMLHTTP");  		
  		}
  	}
  	
  	function disData()
  	{
  		createHttpRequest();
  		var url="test.do";
  		ajaxConn.open("POST",url,true);
  		ajaxConn.onreadystatechange=handleResult;
  		ajaxConn.send("");
  	}
  	
  	function handleResult()
  	{
  		if(ajaxConn.readyState==4)
  		{
  			if(ajaxConn.status==200)
  			{
  				var tt=document.getElementById("t");
  				//tt.innerHTML=tt.value+"\n"+ajaxConn.responseText;//注意这样好像不能换行
  				tt.value=tt.value+"\n"+ajaxConn.responseText;//这样可以换行
  				setTimeout("disData()",1000);
  			}
  			else
  			{
  				alert("出错");
  			}
  		}
  	}
  </script>


下面是HTML的东东

 <button onclick="disData()">点我测试</button>   
    <textarea id="t" name="t" rows="6" cols="45" ></textarea>


其中test.do这个servlet只是一句话,如下:
out.println("testing ....");




嘿嘿,小小发现,有和我一样迷惑的朋友可以测试下
1
0
分享到:
评论
3 楼 linchangsheng 2010-10-13  
将空格转换为\n就行了
2 楼 ypluck 2008-11-12  
加上特殊字符,如#,之类的,然后判断,最后加'\n'
1 楼 vanoin 2008-11-12  
请教一个问题,textarea里输入文字换行如下
-------------------------------
abc def
ghi
-------------------------------
但提交后处理的字符串只是一行的 "abc def ghi",请问如何处理"def"与"ghi"之间的空格为"<br />"呢?

相关推荐

    textarea保留换行的注意事项

    textarea 保留换行的注意事项 在 HTML 中,textarea 元素用于创建多行文本输入框,是用户输入大量文本的理想选择。但是,在使用 textarea 元素时,有一个需要注意的重要问题,即如何保留换行符。以下是相关的知识点...

    JavaScript中统计Textarea字数并提示还能输入的字符

    在函数内部,我们通过`document.getElementById`获取textarea和span元素,然后使用`value.length`获取textarea中当前输入的文字长度,并计算出剩余的字符数。最后,我们将计算结果更新到span的innerHTML中: ```...

    javascript innerHTML使用分析

    同时,该文档还提到了在获取textarea的value属性时,IE和Chrome在处理回车符时也有所不同,其中IE会包含\r\n两个字符,而Chrome只会包含\n。 还有一个需要注意的是,浏览器对于HTML标记的大小写敏感度也是不同的。...

    关于脚本操作文本域的问题

    至于全角和半角字符混合导致的换行问题,文本域通常会根据字符的宽度来决定何时换行。全角字符(如中文或某些特殊符号)占用的宽度是半角字符(如英文字母)的两倍。因此,当全角字符和半角字符混排时,可能会出现不...

    javascript50个常用或者有用

    - `TextArea` 的 `Wrap` 属性:`OFF`(默认)表示不换行,`PHYSICAL` 表示物理换行,`VIRTUAL` 表示虚拟换行。 - 在ASP中,可以使用字符串替换函数实现手动换行,例如 `Replace(rs("A"), "&lt;/br&gt;", VBCRLF)`。 - ...

    JavaScript DOM 学习第二章 编辑文本

    y.innerHTML = area.value; z.insertBefore(y, area); z.removeChild(area); z.removeChild(document.getElementsByTagName('button')[0]); editing = false; } // 绑定全局点击事件监听器 document.onclick =...

    FCKeditor使用指南

    - **修改“回车” 和 “Shift + 回车”的换行行为** ```javascript FCKConfig.EnterMode = FCK.ENTER_BR; FCKConfig.ShiftEnterMode = FCK.ENTER_P; ``` - **修改编辑区的样式文件** ```javascript ...

    js使用小技巧

    document.documentElement.innerHTML 第一个style标签 document.styleSheets[0] style标签里的第一个样式 document.styleSheets[0].rules[0] 防止点击空链接时,页面往往重置到页首端。 ()"&gt;word 上一网页...

Global site tag (gtag.js) - Google Analytics