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

学习YUI.Ext 第六天--关于树TreePanel(Part 1)

Mar 10 Javascript

javascript Prototype 对象扩展

May 15 Javascript

用JS实现3D球状标签云示例代码

Dec 01 Javascript

JS将制定内容复制到剪切板示例代码

Feb 11 Javascript

html中鼠标滚轮事件onmousewheel的处理方法

Nov 11 Javascript

[jQuery] 事件和动画详解

Mar 05 jQuery

Angular封装搜索框组件操作示例

Apr 25 Javascript

layui递归实现动态左侧菜单

Jul 26 Javascript

vue.js页面加载执行created,mounted的先后顺序说明

Nov 07 Javascript

vue router返回到指定的路由的场景分析

Nov 10 Javascript

原生js实现放大镜组件

Jan 22 Javascript

代码解析React中setState同步和异步问题

Jun 03 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

Dedecms常用函数解析

2008/02/01 PHP

php checkbox 取值详细说明

2010/08/19 PHP

php实现的获取网站备案信息查询代码(360)

2013/09/23 PHP

php中删除、清空session的方式总结

2015/10/09 PHP

基于ThinkPHP5框架使用QueryList爬取并存入mysql数据库操作示例

2019/05/25 PHP

Js中sort()方法的用法

2006/11/04 Javascript

jQuery 中使用JSON的实现代码

2011/12/01 Javascript

JS获取select的value和text值的简单实例

2014/02/26 Javascript

Javascript的&&和||的另类用法

2014/07/23 Javascript

node.js中的fs.mkdirSync方法使用说明

2014/12/17 Javascript

jquery滚动特效集锦

2015/06/03 Javascript

基于jquery实现一个滚动的分步注册向导-附源码

2015/08/26 Javascript

jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)

2016/04/08 Javascript

jQuery 3 中的新增功能汇总介绍

2016/06/12 Javascript

最佳的JavaScript错误处理实践

2016/07/16 Javascript

基于Vue.js实现简单搜索框

2020/03/26 Javascript

BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)

2016/12/01 Javascript

Node.js v8.0.0正式发布！看看带来了哪些主要新特性

2017/06/02 Javascript

基于JavaScript实现数码时钟效果

2020/03/30 Javascript

vue 动态组件(component :is) 和 dom元素限制(is)用法说明

2020/09/04 Javascript

python正则表达式去掉数字中的逗号(python正则匹配逗号)

2013/12/25 Python

python实现类的静态变量用法实例

2015/05/08 Python

Python使用Matplotlib实现雨点图动画效果的方法

2017/12/23 Python

python使用Turtle库绘制动态钟表

2018/11/19 Python

利用Python实现原创工具的Logo与Help

2018/12/03 Python

更新pip3与pyttsx3文字语音转换的实现方法

2019/08/08 Python

python爬虫scrapy基于CrawlSpider类的全站数据爬取示例解析

2021/02/20 Python

Stuarts London美国/加拿大：世界领先的独立男装零售商之一

2019/03/18 全球购物

Silk Therapeutics官网：清洁、抗衰老护肤品

2020/08/12 全球购物

如何让Java程序执行效率更高

2014/06/25 面试题

结婚典礼证婚词

2014/01/11 职场文书

大宝sod蜜广告词

2014/03/21 职场文书

空乘英文求职信

2014/04/13 职场文书

政风行风整改方案

2014/10/25 职场文书

公司员工手册范本

2015/05/14 职场文书

解析redis hash应用场景和常用命令

2021/08/04 Redis