今天测试了下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 ....");
嘿嘿,小小发现,有和我一样迷惑的朋友可以测试下
分享到:
相关推荐
textarea 保留换行的注意事项 在 HTML 中,textarea 元素用于创建多行文本输入框,是用户输入大量文本的理想选择。但是,在使用 textarea 元素时,有一个需要注意的重要问题,即如何保留换行符。以下是相关的知识点...
在函数内部,我们通过`document.getElementById`获取textarea和span元素,然后使用`value.length`获取textarea中当前输入的文字长度,并计算出剩余的字符数。最后,我们将计算结果更新到span的innerHTML中: ```...
同时,该文档还提到了在获取textarea的value属性时,IE和Chrome在处理回车符时也有所不同,其中IE会包含\r\n两个字符,而Chrome只会包含\n。 还有一个需要注意的是,浏览器对于HTML标记的大小写敏感度也是不同的。...
至于全角和半角字符混合导致的换行问题,文本域通常会根据字符的宽度来决定何时换行。全角字符(如中文或某些特殊符号)占用的宽度是半角字符(如英文字母)的两倍。因此,当全角字符和半角字符混排时,可能会出现不...
- `TextArea` 的 `Wrap` 属性:`OFF`(默认)表示不换行,`PHYSICAL` 表示物理换行,`VIRTUAL` 表示虚拟换行。 - 在ASP中,可以使用字符串替换函数实现手动换行,例如 `Replace(rs("A"), "</br>", VBCRLF)`。 - ...
y.innerHTML = area.value; z.insertBefore(y, area); z.removeChild(area); z.removeChild(document.getElementsByTagName('button')[0]); editing = false; } // 绑定全局点击事件监听器 document.onclick =...
- **修改“回车” 和 “Shift + 回车”的换行行为** ```javascript FCKConfig.EnterMode = FCK.ENTER_BR; FCKConfig.ShiftEnterMode = FCK.ENTER_P; ``` - **修改编辑区的样式文件** ```javascript ...
document.documentElement.innerHTML 第一个style标签 document.styleSheets[0] style标签里的第一个样式 document.styleSheets[0].rules[0] 防止点击空链接时,页面往往重置到页首端。 ()">word 上一网页...