欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript HTMLEncode HTMLDecode的完整實(shí)例(兼容ie和火狐)

 更新時(shí)間:2009年06月02日 17:45:50   作者:  
用的瀏覽器內(nèi)部轉(zhuǎn)換器實(shí)現(xiàn)轉(zhuǎn)換,方法是動(dòng)態(tài)創(chuàng)建一個(gè)容器標(biāo)簽元素
方法一:
用的瀏覽器內(nèi)部轉(zhuǎn)換器實(shí)現(xiàn)轉(zhuǎn)換,方法是動(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就可以正常顯示的)。
復(fù)制代碼 代碼如下:

<script type="text/javascript">
function HTMLEncode(html)
{
var temp = document.createElement ("div");
(temp.textContent != null) ? (temp.textContent = html) : (temp.innerText = html);
var output = temp.innerHTML;
temp = null;
return output;
}
function HTMLDecode(text)
{
var temp = document.createElement("div");
temp.innerHTML = text;
var output = temp.innerText || temp.textContent;
temp = null;
return output;
}
var html = "<br>dffdf<p>qqqqq</p>";
var encodeHTML = HTMLEncode(html);
alert("方式一:" + encodeHTML);
var decodeHTML = HTMLDecode(encodeHTML);
alert("方式一:" + decodeHTML);
</script>

方法二:
通過(guò)把正則表達(dá)式把<>和空格符轉(zhuǎn)換成html編碼,由于這種方式不是系統(tǒng)內(nèi)置的所以很容易出現(xiàn)有些特殊標(biāo)簽沒(méi)有替換的情況,而且效率低下
復(fù)制代碼 代碼如下:

<script type="text/javascript">
function HTMLEncode2(str)
{
var s = "";
if(str.length == 0) return "";
s = str.replace(/&/g,"&amp;");
s = s.replace(/</g,"&lt;");
s = s.replace(/>/g,"&gt;");
s = s.replace(/ /g,"&nbsp;");
s = s.replace(/\'/g,"&#39;");
s = s.replace(/\"/g,"&quot;");
return s;
}
function HTMLDecode2(str)
{
var s = "";
if(str.length == 0) return "";
s = str.replace(/&amp;/g,"&");
s = s.replace(/&lt;/g,"<");
s = s.replace(/&gt;/g,">");
s = s.replace(/&nbsp;/g," ");
s = s.replace(/&#39;/g,"\'");
s = s.replace(/&quot;/g,"\"");
return s;
}
var html = "<br>ccccc<p>aaaaa</p>";
var encodeHTML = HTMLEncode2(html);
alert("方式二:" + encodeHTML);
var decodeHTML = HTMLDecode2("方式二:" + encodeHTML);
alert(decodeHTML);
</script>

相關(guān)文章

  • js實(shí)現(xiàn)可愛(ài)的氣泡特效

    js實(shí)現(xiàn)可愛(ài)的氣泡特效

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)可愛(ài)的氣泡特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-09-09
  • 純JavaScript 實(shí)現(xiàn)flappy bird小游戲?qū)嵗a

    純JavaScript 實(shí)現(xiàn)flappy bird小游戲?qū)嵗a

    這篇文章主要介紹了純JavaScript 實(shí)現(xiàn)flappy bird小游戲?qū)嵗a,b本文分七大步驟給大家介紹,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-09-09
  • javascript實(shí)現(xiàn)時(shí)間日期的格式化的方法匯總

    javascript實(shí)現(xiàn)時(shí)間日期的格式化的方法匯總

    這篇文章主要介紹了javascript實(shí)現(xiàn)時(shí)間日期的格式化的方法匯總,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-08-08
  • localResizeIMG先壓縮后使用ajax無(wú)刷新上傳(移動(dòng)端)

    localResizeIMG先壓縮后使用ajax無(wú)刷新上傳(移動(dòng)端)

    隨著技術(shù)的發(fā)展,移動(dòng)設(shè)備像素越來(lái)越高,但是這么大的圖片怎么上傳呢?下面小編就給大家一起學(xué)習(xí)移動(dòng)端圖片上傳的方法之localResizeIMG先壓縮后使用ajax無(wú)刷新上傳,需要的朋友可以參考下
    2015-08-08
  • 微信小程序個(gè)人中心的列表控件實(shí)現(xiàn)代碼

    微信小程序個(gè)人中心的列表控件實(shí)現(xiàn)代碼

    這篇文章主要介紹了微信小程序個(gè)人中心的列表控件實(shí)現(xiàn)代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-04-04
  • 如何使用headjs來(lái)管理和異步加載js

    如何使用headjs來(lái)管理和異步加載js

    本文主要介紹如何使用headjs來(lái)管理和異步加載js,提高頁(yè)面的加載速度,需要的朋友可以參考下
    2016-11-11
  • javascript加減乘除的簡(jiǎn)單實(shí)例

    javascript加減乘除的簡(jiǎn)單實(shí)例

    下面小編就為大家?guī)?lái)一篇javascript加減乘除的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-07-07
  • 微信小程序?qū)崿F(xiàn)modal彈出框遮罩層組件(可帶文本框)

    微信小程序?qū)崿F(xiàn)modal彈出框遮罩層組件(可帶文本框)

    這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)modal彈出框遮罩層組件(可帶文本框)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-12-12
  • js實(shí)現(xiàn)緩沖運(yùn)動(dòng)效果的方法

    js實(shí)現(xiàn)緩沖運(yùn)動(dòng)效果的方法

    這篇文章主要介紹了js實(shí)現(xiàn)緩沖運(yùn)動(dòng)效果的方法,涉及javascript操作元素運(yùn)動(dòng)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-04-04
  • js中有關(guān)IE版本檢測(cè)

    js中有關(guān)IE版本檢測(cè)

    javascript中經(jīng)常用到IE版本的判定,實(shí)現(xiàn)特定需求的代碼。檢測(cè)瀏覽器雖然不是一個(gè)什么好的做法,但是有時(shí)候還是很必要的
    2012-01-01

最新評(píng)論