编程 Javascript

在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>

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

- Author -

mdxy-dxy

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Jquery中children与find之间的区别详细解析

Nov 29 Javascript

jQuery DOM操作实例

Mar 05 Javascript

jQuery操作DOM之获取表单控件的值

Jan 23 Javascript

jQuery选择器源码解读（六）：Sizzle选择器匹配逻辑分析

Mar 31 Javascript

javascript实现rgb颜色转换成16进制格式

Jul 10 Javascript

javascript实现dom元素可拖动

Mar 21 Javascript

浅谈js图片前端预览之filereader和window.URL.createObjectURL

Jun 30 Javascript

浅谈js中的this问题

Aug 31 Javascript

js+canvas实现验证码功能

Sep 21 Javascript

前端天气插件tpwidget使用方法详解

Jun 24 Javascript

vue中音频wavesurfer.js的使用方法

Feb 20 Vue.js

Vue中插槽slot的使用方法与应用场景详析

Jun 08 Vue.js

一个高效的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+Ajax实现唯一校验实现代码[简单应用]

2011/11/29 PHP

PHP图片处理之图片旋转和图片翻转实例

2014/11/19 PHP

php命令行（cli）模式下报require 加载路径错误的解决方法

2015/11/23 PHP

Yii2框架引用bootstrap中日期插件yii2-date-picker的方法

2016/01/09 PHP

PHP魔术方法以及关于独立实例与相连实例的全面讲解

2016/10/18 PHP

Thinkphp通过一个入口文件如何区分移动端和PC端

2017/04/18 PHP

php操作redis常见方法示例【key与value操作】

2020/04/14 PHP

JavaScript 利用StringBuffer类提升+=拼接字符串效率

2009/11/24 Javascript

javascript 按键事件(兼容各浏览器)

2013/12/20 Javascript

让angularjs支持浏览器自动填表

2014/11/10 Javascript

jQuery实现防止提交按钮被双击的方法

2015/03/24 Javascript

JQuery统计input和textarea文字输入数量(代码分享)

2016/12/29 Javascript

浅析Proxy可以优化vue的数据监听机制问题及实现思路

2018/11/29 Javascript

微信小程序实现通过双向滑动缩放图片大小的方法

2018/12/30 Javascript

node基于async/await对mysql进行封装

2019/06/20 Javascript

Laravel admin实现消息提醒、播放音频功能

2019/07/10 Javascript

layer.prompt使文本框为空的情况下也能点击确定的方法

2019/09/24 Javascript

Python的Flask框架中使用Flask-SQLAlchemy管理数据库的教程

2016/06/14 Python

python使用fcntl模块实现程序加锁功能示例

2017/06/23 Python

Django rest framework实现分页的示例

2018/05/24 Python

一文详述 Python 中的 property 语法

2020/09/01 Python

css3边框_动力节点Java学院整理

2017/07/11 HTML / CSS

详解Canvas 跨域脱坑实践

2018/11/07 HTML / CSS

LN-CC中国：高端男装和女装的奢侈时尚目的地

2019/09/14 全球购物

类的返射机制中的包及核心类

2016/09/12 面试题

日期和时间问题

2015/01/04 面试题

大学生标准推荐信范文

2013/11/25 职场文书

小学生考试获奖感言

2014/01/30 职场文书

出生公证委托书

2014/04/03 职场文书

公司开业庆典策划方案

2014/06/04 职场文书

启动仪式策划方案

2014/06/14 职场文书

民政局副局长民主生活会个人对照检查材料

2014/09/19 职场文书

灵山大佛导游词

2015/02/04 职场文书

辞职信怎么写？你都知道吗？

2019/06/24 职场文书

评测 | 大屏显示带收音机的高端音箱，JBL TUNE2便携式插卡音箱实测

2021/04/24 无线电

Spring Boot 整合 Apache Dubbo的示例代码

2021/07/04 Java/Android