html與字符之間的轉義

各種搜索，印象中有可以直接轉換的方法，但是查了一會，很毛躁，沒找到，所以，就用了網上說的，用正則把 html那個標簽的尖括號“<",">”替換；但是后來還是沒忍住，查閱了官方。

 

• 第一種，這個方法，較為通用。

encodeURI() （將特殊的html字符轉義為UTF-8字符）

官方這么說的：函數適用於將特定字符的每個實例替換為一個、兩個、三或四轉義序列來對統一資源標識符 (URI) 進行編碼 (該字符的 UTF-8 編碼僅為四轉義序列)由兩個 "代理" 字符組成。

decodeURI() （將解碼過后的字符轉為正常的字符）

官方這么說的：函數解碼一個由encodeURI 先前創建的統一資源標識符（URI）或類似的例程。

參考官文：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/encodeURI

實踐如下：

encodeURI() 
decodeURI() 　　

 控制台例子如下：

 

 

• 第二種，這個方法，只適用於已知編碼下的特殊字符的轉換，

如網文所示：

//把HTML格式的字符串轉義成實體格式字符串
function escapeHTMLString(str) {
    str = str.replace(/</g,'<');
    str = str.replace(/>/g,'>');
    return str;
}

//把實體格式字符串轉義成HTML格式的字符串
function escapeStringHTML(str) {
    str = str.replace(/</g,'<');
    str = str.replace(/>/g,'>');
    return str;
}