javascript htmlencode函數(shù)(ff兼容版) 主要是編輯器中反轉(zhuǎn)html代碼
更新時(shí)間：2009年06月21日 18:22:42 作者：
非常不錯(cuò)的htmlencode 方法，比用正則實(shí)現(xiàn)的更好，而且效率高，推薦使用第一種方法。
方法一：
用的瀏覽器內(nèi)部轉(zhuǎn)換器實(shí)現(xiàn)轉(zhuǎn)換，要領(lǐng)是動(dòng)態(tài)創(chuàng)建一個(gè)容器標(biāo)簽元素，如DIV，將要轉(zhuǎn)換的字符串設(shè)置為這個(gè)元素的innerText(ie支持)||textContent(火狐支持)，然后返回這個(gè)元素的innerHTML，即得到經(jīng)過(guò)HTML編碼轉(zhuǎn)換的字符串,顯示的時(shí)候反過(guò)來(lái)就可以了（實(shí)際上顯示的時(shí)候不消通過(guò)轉(zhuǎn)換，直接賦值在div就可以正常顯示的）。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
第二種方法： 正則替換
通過(guò)把正則表達(dá)式把<>和空格符轉(zhuǎn)換成html編碼,由于這種方法不是系統(tǒng)內(nèi)置的所以很輕易出現(xiàn)有些特別標(biāo)簽沒(méi)有替換的情況，并且效率低下
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
大家可以先運(yùn)行測(cè)試下，我也發(fā)現(xiàn)了，還是第一種方法比較好用啊，真不錯(cuò)，大家一定要記住了。
另外還是一些編輯器使用的一些htmlencode函數(shù)，到時(shí)候大家根據(jù)需要添加，不過(guò)需要提醒的是，代碼一定要測(cè)試啊，腳本之家 jb51.net站長(zhǎng)發(fā)布這條信息的時(shí)候測(cè)試確實(shí)很麻煩啊，修改了多次
復(fù)制代碼 代碼如下:
function HTMLEncode(text){
text = text.replace(/&/g, "&") ;
text = text.replace(/"/g, """) ;
text = text.replace(/</g, "<") ;
text = text.replace(/>/g, ">") ;
//text = text.replace(/\ /g," ");
text = text.replace(/\n/g,"<br>");
text = text.replace(/\t/g," ");
return text;
}
相關(guān)文章
javascript一段創(chuàng)建層的代碼...2007-10-10
JavaScript 面向?qū)ο蟪绦蛟O(shè)計(jì)詳解【類的創(chuàng)建、實(shí)例對(duì)象、構(gòu)造函數(shù)、原型等】
這篇文章主要介紹了JavaScript 面向?qū)ο蟪绦蛟O(shè)計(jì),結(jié)合具體實(shí)例形式詳細(xì)分析了JavaScript面向?qū)ο蟪绦蛟O(shè)計(jì)中類的創(chuàng)建、實(shí)例對(duì)象、構(gòu)造函數(shù)、原型等相關(guān)概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
JavaScript高級(jí)程序設(shè)計(jì) 閱讀筆記（七） ECMAScript中的語(yǔ)句
ECMAScript中的語(yǔ)句，學(xué)習(xí)js的朋友可以參考下2012-02-02
js實(shí)現(xiàn)簡(jiǎn)單的無(wú)縫輪播效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單的無(wú)縫輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)石頭剪刀布游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
javascript比較語(yǔ)義化版本號(hào)的實(shí)現(xiàn)代碼
這篇文章先是給大家簡(jiǎn)單的介紹了下語(yǔ)義化版本號(hào)，而后再用實(shí)例代碼演示語(yǔ)義化版本號(hào)的比較方法，有需要的朋友們可以參考借鑒。2016-09-09
這篇文章主要介紹了ES7之Async/await的使用，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
QQ強(qiáng)制聊天功能代碼(加強(qiáng)版，兼容QQ2010)
QQ強(qiáng)制聊天功能代碼,腳本之家以前也發(fā)布過(guò)，但已經(jīng)不能用了，這個(gè)是新版本，經(jīng)過(guò)測(cè)試，完全兼容新版本的qq.2010-06-06
這篇文章主要為大家詳細(xì)介紹了移動(dòng)端js觸摸事件,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要介紹了通過(guò)webpack引入第三方庫(kù)的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07