在textarea文本域中顯示HTML代碼的方法
更新時(shí)間：2007年03月06日 00:00:00 投稿：mdxy-dxy
這篇文章主要為大家介紹下如果在textarea文本域中顯示HTML代碼，其實(shí)多用于網(wǎng)頁編輯的開發(fā)，大家可以參考下
這是一個(gè)iframe 的
給你一個(gè)參考的：
復(fù)制代碼 代碼如下:
<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>
您可能感興趣的文章:
- 讓textarea自動(dòng)調(diào)整大小的js代碼
- javascript textarea光標(biāo)定位方法(兼容IE和FF)
- 動(dòng)態(tài)調(diào)整textarea中字體的大小代碼
- 新浪微博字?jǐn)?shù)統(tǒng)計(jì) textarea字?jǐn)?shù)統(tǒng)計(jì)實(shí)現(xiàn)代碼
- Textarea與懶惰渲染實(shí)現(xiàn)代碼
- 非主流的textarea自增長實(shí)現(xiàn)js代碼
- 在chrome瀏覽器中，防止input[text]和textarea在聚焦時(shí)出現(xiàn)黃色邊框的解決方法
- js操作textarea方法集合封裝(兼容IE,firefox)
- JavaScript 獲取/設(shè)置光標(biāo)位置,兼容Input&&TextArea
- js TextArea的選中區(qū)域處理
- js封裝的textarea操作方法集合(兼容很好)
- javascript實(shí)現(xiàn)的textarea運(yùn)行框效果代碼 不用指定id批量指定
- JavaScript 監(jiān)聽textarea中按鍵事件
- javascript之textarea打字機(jī)效果提示代碼推薦
- 用javascript獲取textarea中的光標(biāo)位置
- textarea支持圖形編輯的實(shí)現(xiàn)方法
- 關(guān)于textarea的直觀換行的一些研究材料
- JS TextArea字符串長度限制代碼集合
相關(guān)文章
javascript Canvas動(dòng)態(tài)粒子連線
這篇文章主要為大家詳細(xì)介紹了javascript Canvas動(dòng)態(tài)粒子連線，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
js正則表達(dá)式最長匹配(貪婪匹配)和最短匹配(懶惰匹配)用法分析
這篇文章主要介紹了js正則表達(dá)式最長匹配(貪婪匹配)和最短匹配(懶惰匹配)用法,結(jié)合實(shí)例形式分析了貪婪匹配與懶惰匹配的具體用法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-12-12
JavaScript函數(shù)參數(shù)的傳遞方式詳解
本文主要介紹了JavaScript函數(shù)參數(shù)的傳遞方式，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
今天小編就為大家分享一篇解決layui checkbox 提交多個(gè)值的問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了JavaScript onclick事件使用方法詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
Echarts如何自定義label標(biāo)簽的樣式(formatter,rich,添加圖標(biāo)等操作)
通常情況下,echarts中對于圖像的設(shè)置是統(tǒng)一的,下面這篇文章主要給大家介紹了關(guān)于Echarts如何自定義label標(biāo)簽的樣式的相關(guān)資料,包括formatter,rich,添加圖標(biāo)等操作,需要的朋友可以參考下2023-02-02
微信小程序swiper左右擴(kuò)展各顯示一半代碼實(shí)例
這篇文章主要介紹了微信小程序swiper左右擴(kuò)展各顯示一半代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12
JavaScript折半查找（二分查找）算法原理與實(shí)現(xiàn)方法示例
這篇文章主要介紹了JavaScript折半查找（二分查找）算法原理與實(shí)現(xiàn)方法,結(jié)合具體問題描述了折半查找算法的原理、實(shí)現(xiàn)方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-08-08
JavaScript控制網(wǎng)頁平滑滾動(dòng)到指定元素位置的方法
這篇文章主要介紹了JavaScript控制網(wǎng)頁平滑滾動(dòng)到指定元素位置的方法,實(shí)例分析了javascript操作頁面滾動(dòng)的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
用jscript實(shí)現(xiàn)新建和保存一個(gè)word文檔
用jscript實(shí)現(xiàn)新建和保存一個(gè)word文檔...2007-06-06