当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 在textarea文本域中显示HTML代码的方法

Javascript
ext读取两种结构的xml的代码
javascript css float属性的特殊写法
JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动
jQuery实例入门(表格隔行变色)
js实例入门(简单展开或关闭)
Ext面向对象开发实践代码
仿迅雷焦点广告效果(JQuery版)
JQuery学习笔记 实现图片翻转效果和TAB标签切换效果
传递参数的标准方法(jQuery.ajax)
jquery $.ajax入门应用二
$.ajax json数据传递方法
JavaScript使用技巧精萃[代码非常实用]
js textarea自动下拉(带计数)图
javascript innerHTML、outerHTML、innerText、outerText的区别
输入文字自动变化宽度的INPUT,带计数(图)
一个仿Windows UI的html table,兼容IE和firefox
JS多个矩形块选择效果代码(模拟CS结构)
[原创]关键字空格替换为逗号的js代码
JavaScript CSS创建右击菜单效果代码
js调试工具 Javascript Debug Toolkit 2.0.0版本发布

Javascript 中的 在textarea文本域中显示HTML代码的方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 316 ::
收藏到网摘: n/a

这是一个iframe 的
给你一个参考的:
<iframe ID="tryit" MARGINHEIGHT="1" MARGINWIDTH="1" width="100%" height="300" scrolling="auto"></iframe>
<script language=javascript>
tryit.document.designMode="On";
tryit.document.open();
tryit.document.innerHTML+=tryit.document.write("<b>asdf</b>");
tryit.document.close();
tryit.focus();
</script>
这个是textarea
<body>
<textarea id="txt" rows=10 cols=10></textarea>
<button onclick="insert()">click</button>
<script>
function insert(){
var oDiv=document.createElement("DIV");
oDiv.innerHTML="<br><Font color = Red>red<BR></FONT><Font color = Blue>blue</font>";
document.getElementById("txt").appendChild(oDiv);

}
</script>