在項目開辟過程當中，我會有時候趕上如許的一個營業需求：對從數據庫中讀取出來的html數據舉行反轉義，才在當前網頁當前舉行襯著。

或許另一個需求，對編輯器中的文本舉行編碼再傳進數據庫，或許從庫中讀取的數據須要舉行解碼才襯著到網頁上。

這時候，我們經常就會使用到轉義與反轉義，編碼和解碼。下面就是我一些項目中的代碼片段，供參考，希望能給你供應個思緒舉行題目的處理

/** JQuery Html Encoding、Decoding

* 道理是應用JQuery自帶的html()和text()函數能夠轉義Html字符

* 假造一個Div經由過程賦值和取值來獲得想要的Html編碼或許解碼

*/

// 項目是2014的項目，依靠庫是jquery，并不是如今的react/angular/vue,jq版本是1.9.

// Html編碼獵取Html轉義實體

function htmlEncode(value) {

return $("

.text(value)

.html();

}

// Html解碼獵取Html實體

function htmlDecode(value) {

return $("

.html(value)

.text();

}

// 獵取Html轉義字符

function htmlEncode(html) {

return document.createElement("a").appendChild(document.createTextNode(html))

.parentNode.innerHTML;

}

// 獵取Html

function htmlDecode(html) {

var a = document.createElement("a");

a.innerHTML = html;

return a.textContent;

}

// 編碼

function html_encode(str) {

var s = "";

if (str.length == 0) return "";

s = str.replace(/&/g, ">");

s = s.replace(/

s = s.replace(/>/g, ">");

s = s.replace(/ /g, " ");

s = s.replace(/\'/g, "'");

s = s.replace(/\"/g, '"');

s = s.replace(/\n/g, "
");

return s;

}

//解碼

function html_decode(str) {

var s = "";

if (str.length == 0) return "";

s = str.replace(/>/g, "&");

s = s.replace(/

s = s.replace(/>/g, ">");

s = s.replace(/ /g, " ");

s = s.replace(/'/g, "'");

s = s.replace(/"/g, '"');

s = s.replace(/
/g, "\n");

return s;

}

總結

以上是生活随笔為你收集整理的html转义字符解码,js对html转义和反转义以及编码和解码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。