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


Posted in Javascript onMarch 06, 2007

这是一个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> 
Javascript 相关文章推荐
JavaScript 实现类的多种方法实例
May 01 Javascript
JS模拟自动点击的简单实例
Aug 08 Javascript
用JS实现3D球状标签云示例代码
Dec 01 Javascript
js中传递特殊字符(+,&amp;)的方法
Jan 16 Javascript
JS数组的赋值介绍
Mar 10 Javascript
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
Oct 30 Javascript
JS使用onerror捕获异常示例
Aug 03 Javascript
vue.js 左侧二级菜单显示与隐藏切换的实例代码
May 23 Javascript
Vue Ajax跨域请求实例详解
Jun 20 Javascript
用node-webkit把web应用打包成桌面应用(windows环境)
Feb 01 Javascript
JS选取DOM元素常见操作方法实例分析
Dec 10 Javascript
Openlayers学习之加载鹰眼控件
Sep 28 Javascript
一个高效的JavaScript压缩工具下载集合
Mar 06 #Javascript
禁止F5等快捷键的JS代码
Mar 06 #Javascript
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
Mar 06 #Javascript
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
Mar 06 #Javascript
javascript实现划词标记+划词搜索功能
Mar 06 #Javascript
用一段js程序来实现动画功能
Mar 06 #Javascript
用javascript动态调整iframe高度的方法
Mar 06 #Javascript
You might like
如何使用PHP中的字符串函数
2006/10/09 PHP
php网站被挂木马后的修复方法总结
2014/11/06 PHP
PHP简单实现遍历目录下特定文件的方法小结
2017/05/22 PHP
不常用但很实用的PHP预定义变量分析
2019/06/25 PHP
PHP+fiddler抓包采集微信文章阅读数点赞数的思路详解
2019/12/20 PHP
jQuery 技巧大全(新手入门篇)
2009/05/12 Javascript
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
2010/03/21 Javascript
JavaScript 模式之工厂模式(Factory)应用介绍
2012/11/15 Javascript
Jquery中val()表单取值赋值的实例代码
2013/08/15 Javascript
判断输入是否为空,获得输入类型的JS代码
2013/10/30 Javascript
jQuery中:first选择器用法实例
2014/12/30 Javascript
在Mac OS下使用Node.js的简单教程
2015/06/24 Javascript
js限制文本框只能输入中文的方法
2015/08/11 Javascript
Javascript实现图片不间断滚动的代码
2016/06/22 Javascript
Vue.js每天必学之构造器与生命周期
2016/09/05 Javascript
jquery与ajax获取特殊字符实例详解
2017/01/08 Javascript
微信小程序实现多个按钮的颜色状态转换
2019/02/15 Javascript
vue项目中使用fetch的实现方法
2019/04/25 Javascript
python的正则表达式re模块的常用方法
2013/03/09 Python
Python3读取zip文件信息的方法
2015/05/22 Python
浅谈python写入大量文件的问题
2018/11/09 Python
Python @property装饰器原理解析
2020/01/22 Python
python实现可下载音乐的音乐播放器
2020/02/25 Python
pycharm工具连接mysql数据库失败问题
2020/04/01 Python
python argparse传入布尔参数false不生效的解决
2020/04/20 Python
Python Pandas list列表数据列拆分成多行的方法实现
2020/12/14 Python
Flask中jinja2的继承实现方法及实例
2021/03/03 Python
SportsDirect.com新加坡:英国第一体育零售商
2019/03/30 全球购物
2014年母亲节寄语
2014/05/07 职场文书
小学开学标语
2014/07/01 职场文书
团党委领导干部党的群众路线教育实践活动个人对照检查材料思想汇
2014/10/05 职场文书
2015年个人现实表现材料
2014/12/10 职场文书
Flask搭建一个API服务器的步骤
2021/05/28 Python
PHP中国际化的字符串排序和比较对象详解
2021/08/23 PHP
详解OpenCV获取高动态范围(HDR)成像
2022/04/29 Python
不想升级Win11?教你彻底锁定老版Windows系统的方法(附下载地址)
2022/09/23 数码科技