成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

js對html轉(zhuǎn)義和反轉(zhuǎn)義以及編碼和解碼

skinner / 2035人閱讀

摘要：或者另一個需求，對編輯器中的文本進行編碼再傳進數(shù)據(jù)庫，或者從庫中讀取的數(shù)據(jù)需要進行解碼才能渲染到網(wǎng)頁上。這時候，我們常常就會使用到轉(zhuǎn)義與反轉(zhuǎn)義，編碼和解碼。

在項目開發(fā)過程中，我會有時候遇上這樣的一個業(yè)務(wù)需求：對從數(shù)據(jù)庫中讀取出來的html數(shù)據(jù)進行反轉(zhuǎn)義，才能在當前網(wǎng)頁當前進行渲染。

或者另一個需求，對編輯器中的文本進行編碼再傳進數(shù)據(jù)庫，或者從庫中讀取的數(shù)據(jù)需要進行解碼才能渲染到網(wǎng)頁上。

這時候，我們常常就會使用到轉(zhuǎn)義與反轉(zhuǎn)義，編碼和解碼。下面就是我一些項目中的代碼片斷，供參考，希望能給你提供個思路進行問題的解決

/** JQuery Html Encoding、Decoding
* 原理是利用JQuery自帶的html()和text()函數(shù)可以轉(zhuǎn)義Html字符
* 虛擬一個Div通過賦值和取值來得到想要的Html編碼或者解碼
*/

// 項目是2014的項目，依賴庫是jquery，并非現(xiàn)在的react/angular/vue,jq版本是1.9.

// Html編碼獲取Html轉(zhuǎn)義實體
function htmlEncode(value) {
  return $("
")
    .text(value)
    .html();
}
// Html解碼獲取Html實體
function htmlDecode(value) {
  return $("
")
    .html(value)
    .text();
}

// 獲取Html轉(zhuǎn)義字符
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(//g, ">");
  s = s.replace(/ /g, " ");
  s = s.replace(/"/g, """);
  s = s.replace(/"/g, """);
  s = s.replace(/
/g, "
");
  return s;
}

//解碼
function html_decode(str) {
  var s = "";
  if (str.length == 0) return "";
  s = str.replace(/>/g, "&");
  s = s.replace(//g, ">");
  s = s.replace(/ /g, " ");
  s = s.replace(/"/g, """);
  s = s.replace(/"/g, """);
  s = s.replace(/
/g, "
");
  return s;
}

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/54969.html

相關(guān)文章

  • js對html轉(zhuǎn)義和反轉(zhuǎn)義以及編碼和解碼

    摘要：或者另一個需求，對編輯器中的文本進行編碼再傳進數(shù)據(jù)庫，或者從庫中讀取的數(shù)據(jù)需要進行解碼才能渲染到網(wǎng)頁上。這時候，我們常常就會使用到轉(zhuǎn)義與反轉(zhuǎn)義，編碼和解碼。 在項目開發(fā)過程中，我會有時候遇上這樣的一個業(yè)務(wù)需求：對從數(shù)據(jù)庫中讀取出來的html數(shù)據(jù)進行反轉(zhuǎn)義，才能在當前網(wǎng)頁當前進行渲染。 或者另一個需求，對編輯器中的文本進行編碼再傳進數(shù)據(jù)庫，或者從庫中讀取的數(shù)據(jù)需要進行解碼才能渲染到網(wǎng)頁上...

    _ipo 評論0 收藏0

  • 干貨：排名前16的Java工具類

    摘要：在中，工具類定義了一組公共方法，這篇文章將介紹中使用最頻繁及最通用的工具類。另外，工具類，根據(jù)阿里開發(fā)手冊，包名如果要使用不能帶，工具類命名為。 showImg(https://segmentfault.com/img/remote/1460000015356958); 在Java中，工具類定義了一組公共方法，這篇文章將介紹Java中使用最頻繁及最通用的Java工具類。以下工具類、方法...

    nanchen2251 評論0 收藏0

  • 排名前16的Java工具類

    摘要：在中，工具類定義了一組公共方法，這篇文章將介紹中使用最頻繁及最通用的工具類。另外，工具類，根據(jù)阿里開發(fā)手冊，包名如果要使用不能帶，工具類命名為 在Java中，工具類定義了一組公共方法，這篇文章將介紹Java中使用最頻繁及最通用的Java工具類。以下工具類、方法按使用流行度排名，參考數(shù)據(jù)來源于Github上隨機選取的5萬個開源項目源碼。 一. org.apache.commons.io....

    android_c 評論0 收藏0

  • 一步一步寫一個簡單的js版quine程序

    摘要：感覺挺有意思的，于是打算自己用寫一個試試。為有趣起見，準備從一個打印本站域名的額外功能開始這個命令可以在控制欄打印出一行。接下來我準備一步一步改造這個命令，直至達成的目標。注意到源碼里外用了不同的引號，這是為了規(guī)避轉(zhuǎn)義符。 原文自轉(zhuǎn)->這里 早上看了justjavac大大的一篇文章：javascript 的 quine 程序升級版，了解了一下所謂quine程序的概念： 一個 ...

    AJie 評論0 收藏0

  • 使用js對被轉(zhuǎn)義的特殊符號（如： ）進行反轉(zhuǎn)義

    var a = & alert(a); var c = document.createElement(div); c.innerHTML = a; a = c.innerText || c.textContent; c = null; alert(a); 吃水不忘挖井人：http://jsfiddle.net/xqin/6jra...

    wums 評論0 收藏0

發(fā)表評論

0條評論

skinner

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<