在textarea文本域中显示HTML代码的方法

 更新时间:2007年03月06日 00:00:00   投稿:mdxy-dxy  
这篇文章主要为大家介绍下如果在textarea文本域中显示HTML代码,其实多用于网页编辑的开发,大家可以参考下

这是一个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> 

相关文章

  • js在输入框屏蔽按键,只能键入数字的示例代码

    js在输入框屏蔽按键,只能键入数字的示例代码

    本篇文章主要介绍了js在输入框屏蔽按键,只能键入数字的示例代码。需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • 使用javascript插入样式

    使用javascript插入样式

    这篇文章主要介绍了使用javascript插入样式的相关方法,用javascript插入<style>样式以及<link>样式,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 点击按钮出现60秒倒计时的简单js代码(推荐)

    点击按钮出现60秒倒计时的简单js代码(推荐)

    下面小编就为大家带来一篇点击按钮出现60秒倒计时的简单js代码(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • 小程序animate动画实现直播间点赞

    小程序animate动画实现直播间点赞

    这篇文章主要为大家详细介绍了小程序animate动画实现直播间点赞,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • JavaScript中:表达式和语句的区别[译]

    JavaScript中:表达式和语句的区别[译]

    本文要讲的是JavaScript中非常重要的两个知识点:表达式(expressions)和语句(statements)之间的区别
    2012-09-09
  • JavaScript之WebSocket技术详解

    JavaScript之WebSocket技术详解

    这篇文章主要为大家详细介绍了JavaScript之WebSocket技术,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • javascript实现在网页中运行本地程序的方法

    javascript实现在网页中运行本地程序的方法

    这篇文章主要介绍了javascript实现在网页中运行本地程序的方法,实例分析了JavaScript基于ActiveXObject运行本地程序的技巧,需要的朋友可以参考下
    2016-02-02
  • 微信小程序之数据绑定原理解析

    微信小程序之数据绑定原理解析

    这篇文章主要介绍了微信小程序之数据绑定原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • JavaScript网页定位详解

    JavaScript网页定位详解

    本篇文章主要是对JavaScript网页定位进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • 网站404页面3秒后跳到首页的实例代码

    网站404页面3秒后跳到首页的实例代码

    我们看到很多网站会有有错误404页面,当页面不存存时就会提示,然后过几秒就会自动跳到首页了,下面我来给大家举一个404错误页面跳到首页实例,各位可参考,有需要的朋友可以参考一下
    2013-08-08

最新评论