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

Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]

Sep 26 Javascript

20款效果非常棒的 jQuery 插件小结分享

Nov 18 Javascript

利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)

Nov 25 Javascript

Jquery 点击按钮自动高亮实现原理及代码

Apr 25 Javascript

Javascript中的Callback方法浅析

Mar 15 Javascript

纯js实现重发验证码按钮倒数功能

Apr 21 Javascript

JS实现选择TextArea内文本的方法

Aug 03 Javascript

自定义刻度jQuery进度条及插件

Sep 02 Javascript

深入浅析同源策略和跨域访问

Nov 26 Javascript

微信小程序实战之顶部导航栏（选项卡）（1）

Jun 19 Javascript

小程序websocket心跳库(websocket-heartbeat-miniprogram)

Feb 23 Javascript

JavaScript实现原型封装轮播图

Dec 27 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编程网上资源导航

2006/10/09 PHP

MySQL数据库转移，access，sql server 转 MySQL 的图文教程

2007/09/02 PHP

基于PHP导出Excel的小经验完美解决乱码问题

2013/06/10 PHP

PHP实现链式操作的三种方法详解

2017/11/16 PHP

JavaScript 实现模态对话框源代码大全

2009/05/02 Javascript

js正文内容高亮效果的实现方法

2013/06/30 Javascript

如何判断元素是否为HTMLElement元素

2013/12/06 Javascript

Extjs4中的分页应用结合前后台

2013/12/13 Javascript

js中substring和substr的定义和用法

2014/05/05 Javascript

JS操作HTML自定义属性的方法

2015/02/10 Javascript

深入探究AngularJS框架中Scope对象的超级教程

2016/01/04 Javascript

AngularJS directive返回对象属性详解

2016/03/28 Javascript

100多个基础常用JS函数和语法集合大全

2017/02/16 Javascript

jQuery导航条固定定位效果实例代码

2017/05/26 jQuery

Vue.js实现输入框绑定的实例代码

2017/08/24 Javascript

jQuery图片加载失败替换默认图片方法汇总

2017/11/29 jQuery

实战node静态文件服务器的示例代码

2018/03/08 Javascript

vuex + axios 做登录验证并且保存登录状态的实例

2018/09/16 Javascript

vue中render函数的使用详解

2018/10/12 Javascript

ES5 模拟 ES6 的 Symbol 实现私有成员功能示例

2020/05/06 Javascript

在webstorm中配置less的方法详解

2020/09/25 Javascript

vue element和nuxt的使用技巧分享

2021/01/14 Vue.js

python开发的小球完全弹性碰撞游戏代码

2013/10/15 Python

python实现内存监控系统

2021/03/07 Python

python3.7 利用函数os pandas利用excel对文件名进行归类

2019/09/29 Python

简单了解Java Netty Reactor三种线程模型

2020/04/26 Python

python主要用于哪些方向

2020/07/05 Python

基于Python实现体育彩票选号器功能代码实例

2020/09/16 Python

CSS3 box-sizing属性

2009/04/17 HTML / CSS

清明节扫墓活动方案

2014/03/02 职场文书

超市仓管员岗位职责

2014/04/07 职场文书

厕所文明标语

2014/06/11 职场文书

2014年环卫工作总结

2014/11/22 职场文书

Nginx进程管理和重载原理详解

2021/04/22 Servers

mysql 子查询的使用

2022/04/28 MySQL

Nginx 匹配方式

2022/05/15 Servers