在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 相关文章推荐
新手入门常用代码集锦
Jan 11 Javascript
javascript:void(0)的真正含义实例分析
Aug 20 Javascript
Javascript 网页水印(非图片水印)实现代码
Mar 01 Javascript
jquery选择器之内容过滤选择器详解
Jan 27 Javascript
详解JavaScript的变量和数据类型
Nov 27 Javascript
常见的javascript跨域通信方法
Dec 31 Javascript
AngularJS模块学习之Anchor Scroll
Jan 19 Javascript
理解 Node.js 事件驱动机制的原理
Aug 16 Javascript
JS模拟实现哈希表及应用详解
May 04 Javascript
JavaScript设计模式之门面模式原理与实现方法分析
Mar 09 Javascript
Vue插槽_特殊特性slot,slot-scope与指令v-slot说明
Sep 04 Javascript
一文搞懂redux在react中的初步用法
Jun 09 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
快速配置PHPMyAdmin方法
2008/06/05 PHP
php生成xml时添加CDATA标签的方法
2014/10/17 PHP
PHP实现过滤各种HTML标签
2015/05/17 PHP
PHP创建PowerPoint2007文档的方法
2015/12/10 PHP
php上传图片生成缩略图(GD库)
2016/01/06 PHP
php 中的closure用法详解
2017/06/12 PHP
laravel 实现上传图片到本地和前台访问示例
2019/10/21 PHP
Javascript客户端脚本的设计和应用
2006/08/21 Javascript
常用的javascript function代码
2008/05/23 Javascript
背景图跟随鼠标移动的Mootools插件实现代码
2011/12/12 Javascript
JS匀速运动演示示例代码
2013/11/26 Javascript
Angular的事件和表单详解
2016/12/26 Javascript
Vue.js递归组件构建树形菜单
2017/12/24 Javascript
vue计算属性时v-for处理数组时遇到的一个bug问题
2018/01/21 Javascript
新手必须知的Node.js 4个JavaScript基本概念
2018/09/16 Javascript
深入了解JavaScript 私有化
2019/05/30 Javascript
关于引入vue.js 文件的知识点总结
2020/01/28 Javascript
javascript 使用sleep函数的常见方法详解
2020/04/26 Javascript
JavaScript实现滚动加载更多
2020/12/27 Javascript
python装饰器初探(推荐)
2016/07/21 Python
Python 字符串类型列表转换成真正列表类型过程解析
2019/08/26 Python
使用Python实现画一个中国地图
2019/11/23 Python
Python+OpenCV实现旋转文本校正方式
2020/01/09 Python
用HTML5制作烟火效果的教程
2015/05/12 HTML / CSS
AT&T Wireless:手机、无限数据计划和配件
2018/06/03 全球购物
卫校护理专业毕业生求职信
2013/11/26 职场文书
优秀的茶餐厅创业计划书
2014/01/03 职场文书
小学生获奖感言范文
2014/02/02 职场文书
《桥》教学反思
2014/04/09 职场文书
会计电算化专业求职信
2014/06/10 职场文书
作风建设年活动实施方案
2014/10/24 职场文书
入党积极分子培养人意见
2015/06/02 职场文书
政审证明范文
2015/06/19 职场文书
2015年语言文字工作总结
2015/07/23 职场文书
《小小的船》教学反思
2016/02/18 职场文书
简单聊聊TypeScript只读修饰符
2022/04/06 Javascript