在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同时提交多个Web表单的方法
Dec 26 Javascript
基于jquery的一个拖拽到指定区域内的效果
Sep 21 Javascript
JS动态调用方法名示例介绍
Dec 18 Javascript
JavaScript实现网页截图功能
Oct 16 Javascript
JavaScript动态修改背景颜色的方法
Apr 16 Javascript
JavaScript获取DOM元素的11种方法总结
Apr 25 Javascript
移动手机APP手指滑动切换图片特效附源码下载
Nov 30 Javascript
jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单
Sep 21 Javascript
js eval函数使用,js对象和字符串互转实例
Mar 06 Javascript
详解Node使用Puppeteer完成一次复杂的爬虫
Apr 18 Javascript
基于layui的table插件进行复选框联动功能的实现方法
Sep 19 Javascript
JavaScript canvas实现流星特效
May 20 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 网页游戏开发入门教程一(webgame+design)
2009/10/26 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(三)
2014/06/23 PHP
thinkPHP实现瀑布流的方法
2014/11/29 PHP
在Windows XP下安装Apache+MySQL+PHP环境
2015/02/22 PHP
laravel容器延迟加载以及auth扩展详解
2015/03/02 PHP
又拍云异步上传实例教程详解
2016/04/19 PHP
Thinkphp3.2实用篇之计算型验证码示例
2017/02/09 PHP
javascript DOM编程实例(智播客学习)
2009/11/23 Javascript
Javascript操作cookie的函数代码
2012/10/03 Javascript
JavaScript定义类和对象的方法
2014/11/26 Javascript
jQuery实现鼠标滑过Div层背景变颜色的方法
2015/02/17 Javascript
js实现缓冲运动效果的方法
2015/04/10 Javascript
浅析node Async异步处理模块用例分析及常用方法介绍
2017/11/17 Javascript
利用原生js实现html5小游戏之打砖块(附源码)
2018/01/03 Javascript
javascript数组去重方法总结(推荐)
2019/03/20 Javascript
高效jQuery选择器的5个技巧实例分析
2019/11/26 jQuery
详解PyTorch批训练及优化器比较
2018/04/28 Python
Python实现最大子序和的方法示例
2019/07/05 Python
Python Django 实现简单注册功能过程详解
2019/07/29 Python
Python实现性能自动化测试竟然如此简单
2019/07/30 Python
pandas按条件筛选数据的实现
2021/02/20 Python
来自全球大都市的高级街头服饰:Pegador
2018/01/03 全球购物
北京SQL新华信咨询
2016/09/30 面试题
什么是组件架构
2016/05/15 面试题
mysql有关权限的表都有哪几个
2015/04/22 面试题
大学生年度自我鉴定
2013/10/31 职场文书
旅游管理专业个人求职信范文
2013/12/24 职场文书
幼儿园大班毕业感言
2014/02/06 职场文书
电子信息工程专业推荐信
2014/02/14 职场文书
计算机网络专业求职信
2014/06/05 职场文书
违反工作规定检讨书范文
2014/12/14 职场文书
面试复试通知单
2015/04/24 职场文书
学生会招新宣传语
2015/07/13 职场文书
PHP控制循环操作的时间
2021/04/01 PHP
详解Java实践之适配器模式
2021/06/18 Java/Android
JavaScript组合继承详解
2021/11/07 Javascript