编程 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+XML 操作

Sep 20 Javascript

js不能获取隐藏的div的宽度只能先显示后获取

Sep 04 Javascript

jQuery实现图片上传和裁剪插件Croppie

Nov 29 Javascript

Javascript实现检测客户端类型代码封包

Dec 03 Javascript

Knockout结合Bootstrap创建动态UI实现产品列表管理

Sep 14 Javascript

jquery.onoff实现简单的开关按钮功能(推荐)

May 24 jQuery

微信小程序实现折叠展开效果

Jul 19 Javascript

9102了，你还不会移动端真机调试吗

Mar 25 Javascript

JS实现倒序输出的几种常用方法示例

Apr 13 Javascript

微信小程序子级页面返回父级并把子级参数带回父级实现方法

Aug 22 Javascript

Vue3.0 响应式系统源码逐行分析讲解

Oct 14 Javascript

JavaScript用document.write()输出换行的示例代码

Nov 26 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

调整优化您的LAMP应用程序的5种简单方法

2011/06/26 PHP

PHP中字符安全过滤函数使用小结

2015/02/25 PHP

有关PHP 中 config.m4 的探索

2020/08/26 PHP

js判断字符长度以及中英文数字等

2013/12/31 Javascript

div失去焦点事件实现思路

2014/04/22 Javascript

借助JavaScript脚本判断浏览器Flash Player信息的方法

2014/07/09 Javascript

JavaScript中连接操作Oracle数据库实例

2015/04/02 Javascript

jquery计算鼠标和指定元素之间距离的方法

2015/06/26 Javascript

js实现网页抽奖实例

2015/08/05 Javascript

Jquery easyui开启行编辑模式增删改操作

2016/01/14 Javascript

JavaScript中获取纯正的undefined的方法

2016/03/06 Javascript

JS实现点击登录弹出窗口同时背景色渐变动画效果

2016/03/25 Javascript

基于javascript编写简单日历

2016/05/02 Javascript

AngularJS 支付倒计时功能实现思路

2017/06/05 Javascript

vue 全选与反选的实现方法(无Bug 新手看过来)

2018/02/09 Javascript

react-native动态切换tab组件的方法

2018/07/07 Javascript

vue实现word，pdf文件的导出功能

2018/07/31 Javascript

vue 框架下自定义滚动条(easyscroll)实现方法

2019/08/29 Javascript

[01:07:57]DOTA2-DPC中国联赛正赛 Ehome vs Magma BO3 第二场 1月19日

2021/03/11 DOTA

python批量设置多个Excel文件页眉页脚的脚本

2018/03/14 Python

Python实现的查询mysql数据库并通过邮件发送信息功能

2018/05/17 Python

Atom的python插件和常用插件说明

2018/07/08 Python

详解Python3中的迭代器和生成器及其区别

2018/10/09 Python

python 实现在一张图中绘制一个小的子图方法

2019/07/07 Python

基于HTML5 Canvas 实现弹出框效果

2017/06/05 HTML / CSS

购买正版游戏和游戏激活码：Green Man Gaming

2019/11/06 全球购物

大学生毕业自我评价范文分享

2013/11/11 职场文书

大专应届生个人的自我评价

2013/11/21 职场文书

优秀少先队员主要事迹材料

2014/05/28 职场文书

关于运动会的广播稿50字

2014/10/17 职场文书

2014年学生会干事工作总结

2014/11/07 职场文书

统计员岗位职责

2015/02/11 职场文书

英语导游词

2015/02/13 职场文书

元旦联欢晚会主持词

2015/07/01 职场文书

2016年教师学习教师法心得体会

2016/01/20 职场文书

java中为什么说子类的构造方法默认访问的是父类的无参构造方法

2022/04/13 Java/Android