在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> 
Javascript 相关文章推荐
js/jquery判断浏览器的方法小结
Sep 02 Javascript
js实现仿京东2级菜单效果(带延时功能)
Aug 27 Javascript
jQuery中选择器的基础使用教程
May 23 Javascript
JS图片等比例缩放方法完整示例
Aug 03 Javascript
原生JS实现-星级评分系统的简单实例
Aug 21 Javascript
微信小程序 rpx 尺寸单位详细介绍
Oct 13 Javascript
详解js界面跳转与值传递
Nov 22 Javascript
Easyui ueditor 整合解决不能编辑的问题(推荐)
Jun 25 Javascript
bootstrap日期插件daterangepicker使用详解
Oct 19 Javascript
详解Vue改变数组中对象的属性不重新渲染View的解决方案
Sep 21 Javascript
vue+web端仿微信网页版聊天室功能
Apr 30 Javascript
详解Vue数据驱动原理
Nov 17 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
三国漫画《火凤燎原》宣布动画化PV放出 预计2020年播出
2020/03/08 国漫
php将fileterms函数返回的结果变成可读的形式
2011/04/21 PHP
深入php var_dump()函数的详解
2013/06/05 PHP
PHP定时执行任务实现方法详解(Timer)
2015/07/30 PHP
对比分析php中Cookie与Session的异同
2016/02/19 PHP
Thinkphp批量更新数据的方法汇总
2016/06/29 PHP
PHP中类与对象功能、用法实例解读
2020/03/27 PHP
深入理解JavaScript系列(6) 强大的原型和原型链
2012/01/15 Javascript
javascript中的toFixed固定小数位数 简单实例分享
2013/07/12 Javascript
javascript实现yield的方法
2013/11/06 Javascript
基于Bootstrap实现Material Design风格表单插件 附源码下载
2016/04/18 Javascript
特殊日期提示功能的实现方法
2016/06/16 Javascript
轻松掌握JavaScript状态模式
2016/09/07 Javascript
jQuery上传多张图片带进度条样式(DEMO)
2017/03/02 Javascript
Angular模版驱动表单的使用总结
2018/05/05 Javascript
vue项目打包部署到服务器的方法示例
2018/08/27 Javascript
vue自定义指令的创建和使用方法实例分析
2018/12/04 Javascript
实例讲解JavaScript预编译流程
2019/01/24 Javascript
优化Vue项目编译文件大小的方法步骤
2019/05/27 Javascript
python 文件和路径操作函数小结
2009/11/23 Python
python中使用urllib2获取http请求状态码的代码例子
2014/07/07 Python
Python第三方库的安装方法总结
2016/06/06 Python
python中实现延时回调普通函数示例代码
2017/09/08 Python
Python验证文件是否可读写代码分享
2017/12/11 Python
Python实现可获取网易页面所有文本信息的网易网络爬虫功能示例
2018/01/15 Python
Python正则匹配判断手机号是否合法的方法
2020/12/09 Python
使用Python实现正态分布、正态分布采样
2019/11/20 Python
python爬取微博评论的实例讲解
2021/01/15 Python
HMV日本官网:全球知名的音乐、DVD和电脑游戏零售巨头
2016/08/13 全球购物
数据库测试通常都包括哪些方面
2015/11/30 面试题
大学生工作推荐信范文
2013/12/02 职场文书
档案工作汇报材料
2014/08/21 职场文书
酒店财务部岗位职责
2015/04/14 职场文书
学校艾滋病宣传活动总结
2015/05/09 职场文书
领导激励员工的演讲稿,各种会上用得到,建议收藏
2019/08/13 职场文书
Python实现为PDF去除水印的示例代码
2022/04/03 Python