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

判断脚本加载是否完成的方法

May 26 Javascript

jQuery 使用手册(四)

Sep 23 Javascript

JQuery实现级联下拉框效果实例讲解

Sep 17 Javascript

五种js判断是否为整数类型方式

Dec 03 Javascript

Angular.js实现注册系统的实例详解

Dec 18 Javascript

懒加载实现的分页&&网站footer自适应

Dec 21 Javascript

Mongoose学习全面理解(推荐)

Jan 21 Javascript

微信小程序参数传递实例代码

Mar 20 Javascript

傻瓜式vuex语法糖kiss-vuex整理

Dec 21 Javascript

layui.use模块外部使用其内部定义的js封装函数方法

Sep 16 Javascript

在vue中使用jsx语法的使用方法

Sep 30 Javascript

将Vue组件库更换为按需加载的方法步骤

May 06 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中文乱码问题。。。

2007/01/18 PHP

php实现word转html的方法

2016/01/22 PHP

支付宝支付开发――当面付条码支付和扫码支付实例

2016/11/04 PHP

thinkPHP框架对接支付宝即时到账接口回调操作示例

2016/11/14 PHP

PHP 应用容器化以及部署方法

2018/02/12 PHP

可实现多表单提交的javascript函数

2007/08/01 Javascript

javascript实现面向对象类的功能书写技巧

2010/03/07 Javascript

javascript之AJAX框架使用说明

2010/04/24 Javascript

jquery 触发a链接点击事件解决方案

2013/05/02 Javascript

javascript中怎么做对象的类型判断

2013/11/11 Javascript

JavaScript Math.ceil() 函数使用介绍

2013/12/11 Javascript

JS 数字转换研究总结

2013/12/26 Javascript

javascript为下拉列表动态添加数据项

2014/05/23 Javascript

推荐6款基于jQuery实现图片效果插件

2014/12/07 Javascript

JavaScript中property和attribute的区别详细介绍

2015/03/03 Javascript

JavaScript中Null与Undefined的区别解析

2015/06/30 Javascript

jQuery插件jquery-barcode实现条码打印的方法

2015/11/25 Javascript

js验证框架实现代码分享

2016/05/18 Javascript

浅析script标签中的defer与async属性

2016/11/30 Javascript

详解html-webpack-plugin插件(用法总结)

2018/09/12 Javascript

策略模式实现 Vue 动态表单验证的方法

2019/09/16 Javascript

[51:50]完美世界DOTA2联赛 Magma vs GXR 第一场 11.07

2020/11/10 DOTA

Python实现拼接多张图片的方法

2014/12/01 Python

Python字符串格式化输出方法分析

2016/04/13 Python

浅谈django model的get和filter方法的区别(必看篇)

2017/05/23 Python

selenium在执行phantomjs的API并获取执行结果的方法

2018/12/17 Python

使用pyinstaller打包PyQt4程序遇到的问题及解决方法

2019/06/24 Python

python 读txt文件,按‘,’分割每行数据操作

2020/07/05 Python

VSCODE配置Markdown及Markdown基础语法详解

2021/01/19 Python

CSS3实现粒子旋转伸缩加载动画

2016/04/22 HTML / CSS

wedgwood加拿大官网：1759年成立的英国国宝级陶瓷餐具品牌

2018/07/17 全球购物

潘多拉意大利官方网上商城：网上选购PANDORA珠宝

2018/10/07 全球购物

如何清空Session

2015/02/23 面试题

诚信考试倡议书

2014/04/15 职场文书

二人合伙经营协议书

2014/09/13 职场文书

幼儿园学前班幼儿评语

2014/12/29 职场文书