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

动感效果的TAB选项卡jquery 插件

Jul 09 Javascript

jquery ajax请求实例深入解析

Nov 26 Javascript

js 绑定键盘鼠标事件示例代码

Feb 12 Javascript

js中用window.open()打开多个窗口的name问题

Mar 13 Javascript

JS上传图片前实现图片预览效果的方法

Mar 02 Javascript

深入学习AngularJS中数据的双向绑定机制

Mar 04 Javascript

jQuery实现图片向左向右切换效果的简单实例

May 18 Javascript

jQuery中Nicescroll滚动条插件的用法

Nov 10 Javascript

Bootstrap页面标题Page Header的实现方法

Mar 22 Javascript

JavaScript编写棋盘覆盖代码详解

Aug 28 Javascript

Vue搭建后台系统需要注意的问题

Nov 08 Javascript

微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】

May 29 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 常用选项设置详解版

2010/03/07 PHP

PHP5.5在windows安装使用memcached服务端的方法

2014/04/16 PHP

Jquery实现的tab效果可以指定默认显示第几页

2013/10/16 Javascript

jQuery $命名冲突解决方案汇总

2014/11/13 Javascript

JavaScript生成.xls文件的代码

2016/12/22 Javascript

使用jQuery的load方法设计动态加载及解决被加载页面js失效问题

2017/03/01 Javascript

vue.js指令v-model使用方法

2017/03/20 Javascript

addEventListener()与removeEventListener()解析

2017/04/20 Javascript

vue.js全局API之nextTick全面解析

2017/07/07 Javascript

老生常谈javascript的面向对象思想

2017/08/22 Javascript

基于JavaScript实现表格滚动分页

2017/11/22 Javascript

vue+element-ui+ajax实现一个表格的实例

2018/03/09 Javascript

浅谈vue项目可以从哪些方面进行优化

2018/05/05 Javascript

javascript实现手动点赞效果

2019/04/09 Javascript

Vue+Element实现表格编辑、删除、以及新增行的最优方法

2019/05/28 Javascript

js实现简单掷骰子效果

2019/10/24 Javascript

python使用multiprocessing模块实现带回调函数的异步调用方法

2015/04/18 Python

Python基于DES算法加密解密实例

2015/06/03 Python

python冒泡排序简单实现方法

2015/07/09 Python

Python中sort和sorted函数代码解析

2018/01/25 Python

padas 生成excel 增加sheet表的实例

2018/12/11 Python

python 将对象设置为可迭代的两种实现方法

2019/01/21 Python

python绘制地震散点图

2019/06/18 Python

django drf框架自带的路由及最简化的视图

2019/09/10 Python

浅谈python已知元素,获取元素索引(numpy,pandas)

2019/11/26 Python

解决Ubuntu18中的pycharm不能调用tensorflow-gpu的问题

2020/09/17 Python

使用 CSS3 中@media 实现网页自适应的示例代码

2020/03/24 HTML / CSS

技能竞赛活动方案

2014/02/21 职场文书

幼儿园教学随笔感言

2014/02/23 职场文书

元旦文艺汇演主持词

2014/03/26 职场文书

保研推荐信

2014/05/09 职场文书

做人民满意的公务员活动方案

2014/08/25 职场文书

三十年同学聚会感言

2015/07/30 职场文书

2016大一新生入学教育心得体会

2016/01/23 职场文书

FFmpeg视频处理入门教程(新手必看)

2022/01/22 杂记

SpringBoot+Redis实现布隆过滤器的示例代码

2022/03/17 Java/Android