编程 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 相关文章推荐

js cookies实现简单统计访问次数

Nov 24 Javascript

Javascript UrlDecode函数代码

Jan 09 Javascript

JS对HTML标签select的获取、添加、删除操作

Oct 17 Javascript

一个JavaScript用逗号分割字符串实例

Sep 22 Javascript

JavaScript获取伪元素(Pseudo-Element)属性的方法技巧

Mar 13 Javascript

Vuejs第十二篇之动态组件全面解析

Sep 09 Javascript

关于 jQuery Easyui异步加载tree的问题解析

Dec 06 Javascript

微信小程序 Button 组件详解及简单实例

Jan 10 Javascript

基于node.js依赖express解析post请求四种数据格式

Feb 13 Javascript

AngularJs用户输入动态模板XSS攻击示例详解

Apr 21 Javascript

vue响应式系统之observe、watcher、dep的源码解析

Apr 09 Javascript

vue+element ui实现锚点定位

Jun 29 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 年龄计算函数(精确到天)

2012/06/07 PHP

smarty模板引擎之内建函数用法

2015/03/30 PHP

如何批量清理系统临时文件(语言：C#、 C/C++、 php 、python 、java )

2016/02/01 PHP

屏蔽PHP默认设置中的Notice警告的方法

2016/05/20 PHP

PHP机器学习库php-ml的简单测试和使用方法

2017/07/14 PHP

PHP实现用户登录的案例代码

2018/05/10 PHP

PHP实现微信公众号验证Token的示例代码

2019/12/16 PHP

javascript针对DOM的应用分析（三）

2012/04/15 Javascript

jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例

2013/06/14 Javascript

from表单多个按钮提交用onclick跳转不同action

2014/04/24 Javascript

JS生成不重复随机数组的函数代码

2014/06/10 Javascript

AngularJS 中的Promise --- $q服务详解

2016/09/14 Javascript

关于Stream和Buffer的相互转换详解

2017/07/26 Javascript

AngularJS实现表单元素值绑定操作示例

2017/10/11 Javascript

javaScript中"=="和"==="的区别详解

2018/03/16 Javascript

Vue.js组件高级特性实例详解

2018/12/24 Javascript

详解在微信小程序的JS脚本中使用Promise来优化函数处理

2019/03/06 Javascript

生产制造追溯系统之在线打印功能

2019/06/03 Javascript

Vue+Vuex实现自动登录的知识点详解

2020/03/04 Javascript

jQuery实现增删改查

2020/12/22 jQuery

如何使用RoughViz可视化Vue.js中的草绘图表

2021/01/30 Vue.js

[06:43]2018DOTA2国际邀请赛寻真——VGJ.Thunder

2018/08/11 DOTA

django如何实现视图重定向

2019/07/24 Python

Pandas对DataFrame单列/多列进行运算(map, apply, transform, agg)

2020/06/14 Python

requests在python中发送请求的实例讲解

2021/02/17 Python

美国孕妇装品牌：Destination Maternity

2018/02/04 全球购物

美国传奇滑手Paul Rodriguez创办的街头滑板品牌：Primitive Skateboarding

2019/10/29 全球购物

美国一站式电动和手动工具商店：International Tool

2020/11/26 全球购物

彪马香港官方网上商店：PUMA香港

2020/12/06 全球购物

JSP和EJB可以共享HttpSession么？EJB里面可以改变session里面的内容

2013/06/05 面试题

国际经济与贸易专业大学生职业规划书

2014/03/01 职场文书

本科应届生自荐信

2014/06/29 职场文书

团组织推荐意见

2015/06/05 职场文书

纪检部部长竞选稿

2015/11/21 职场文书

Vue项目中如何封装axios（统一管理http请求）

2021/05/02 Vue.js

简单且有用的Python数据分析和机器学习代码

2021/07/02 Python