在textarea文本域中顯示HTML代碼的方法

更新時(shí)間：2007年03月06日 00:00:00 投稿：mdxy-dxy

這篇文章主要為大家介紹下如果在textarea文本域中顯示HTML代碼，其實(shí)多用于網(wǎng)頁(yè)編輯的開(kāi)發(fā)，大家可以參考下

這是一個(gè)iframe 的

給你一個(gè)參考的：

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

這個(gè)是textarea

復(fù)制代碼代碼如下:

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

您可能感興趣的文章:

相關(guān)文章

javascript Canvas動(dòng)態(tài)粒子連線(xiàn)
這篇文章主要為大家詳細(xì)介紹了javascript Canvas動(dòng)態(tài)粒子連線(xiàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-01-01
js正則表達(dá)式最長(zhǎng)匹配(貪婪匹配)和最短匹配(懶惰匹配)用法分析
這篇文章主要介紹了js正則表達(dá)式最長(zhǎng)匹配(貪婪匹配)和最短匹配(懶惰匹配)用法,結(jié)合實(shí)例形式分析了貪婪匹配與懶惰匹配的具體用法與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2016-12-12
JavaScript函數(shù)參數(shù)的傳遞方式詳解
本文主要介紹了JavaScript函數(shù)參數(shù)的傳遞方式，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-03-03
解決layui checkbox 提交多個(gè)值的問(wèn)題
今天小編就為大家分享一篇解決layui checkbox 提交多個(gè)值的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
JavaScript onclick事件使用方法詳解
這篇文章主要介紹了JavaScript onclick事件使用方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-05-05
Echarts如何自定義label標(biāo)簽的樣式(formatter,rich,添加圖標(biāo)等操作)
通常情況下,echarts中對(duì)于圖像的設(shè)置是統(tǒng)一的,下面這篇文章主要給大家介紹了關(guān)于Echarts如何自定義label標(biāo)簽的樣式的相關(guān)資料,包括formatter,rich,添加圖標(biāo)等操作,需要的朋友可以參考下
2023-02-02
微信小程序swiper左右擴(kuò)展各顯示一半代碼實(shí)例
這篇文章主要介紹了微信小程序swiper左右擴(kuò)展各顯示一半代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-12-12
JavaScript折半查找（二分查找）算法原理與實(shí)現(xiàn)方法示例
這篇文章主要介紹了JavaScript折半查找（二分查找）算法原理與實(shí)現(xiàn)方法,結(jié)合具體問(wèn)題描述了折半查找算法的原理、實(shí)現(xiàn)方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2018-08-08
JavaScript控制網(wǎng)頁(yè)平滑滾動(dòng)到指定元素位置的方法
這篇文章主要介紹了JavaScript控制網(wǎng)頁(yè)平滑滾動(dòng)到指定元素位置的方法,實(shí)例分析了javascript操作頁(yè)面滾動(dòng)的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-04-04
用jscript實(shí)現(xiàn)新建和保存一個(gè)word文檔
用jscript實(shí)現(xiàn)新建和保存一個(gè)word文檔...
2007-06-06