js對HTML字元轉義與反轉義

2022-08-01 10:06:08 字數 725 閱讀 5219

注意:

在編寫html時,經常需要轉義,才能正常顯示在頁面上。

並且,還可以防止xss。

解決方案:

一, 使用正則:

使用正則轉碼:

var value = document.getelementbyid('input').value.trim();

//對使用者輸入進行轉義

value = value.replace(/&/g,"&");

value = value.replace(/);

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

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

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

使用正則解碼:

var value =e.target.innertext;

//value = decodeuricomponent(value);

value = value.replace(/&/g,"&");

value = value.replace(/);

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

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

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

方法二:使用瀏覽器自帶的。詳情非同步:

JS對HTML實體字元轉義和反轉義

一 名詞解釋 html實體字元 由於在html中有些符號是預留的,比如在html中不能直接使用尖括號 或 會被誤認為標籤符號。所以需要通過html實體字元去進行替換 html實體字元兩種形式 eg 小於號的html實體字元顯示方式 數字形式 實體名形式 注意 使用實體名而不是數字的好處是,名稱易於記...

JS實現HTML標籤轉義及反轉義

今天我用ueditor時候遇到乙個問題 我從資料庫中讀取內容進行編輯的時候,不是有一些html標籤嘛,從資料庫讀出來沒有問題 但是我用asp.net mvc,把讀取出來的內容通過ueditor的api方法賦值到編輯區域的時候html標籤被轉義了 比如 變為了 我跟蹤 看後端取到的資料沒有問題,返回到...

轉義與反轉義

span 內容會作為html 解析,其他資料沒問題,url 就不行了,url 中的 會被解釋成 amp 而上傳到伺服器,用自定義標籤即可 link style display none link document.getelementbyid link value document.geteleme...