XSS跨站腳本攻擊與防護

在此記錄XSS的相關知識

XSS的詳細介紹能夠查看 XSS跨站腳本攻擊與防護

// 對用戶輸入的內容進行轉碼

/*1.用瀏覽器內部轉換器實現html轉碼*/
export function htmlEncode (html){
  // 1.首先動態建立一個容器標籤元素，如DIV
  let temp = document.createElement ("div");
  // 2.而後將要轉換的字符串設置爲這個元素的innerText(ie支持)或者textContent(火狐，google支持)
  (temp.textContent !== undefined ) ? (temp.textContent = html) : (temp.innerText = html);
  // 3.最後返回這個元素的innerHTML，即獲得通過HTML編碼轉換的字符串了
  const output = temp.innerHTML;
  temp = null;
  return output;
}

/*2.用瀏覽器內部轉換器實現html解碼*/
export function htmlDecode (text){
  // 1.首先動態建立一個容器標籤元素，如DIV
  let temp = document.createElement("div");
  // 2.而後將要轉換的字符串設置爲這個元素的innerHTML(ie，火狐，google都支持)
  temp.innerHTML = text;
  // 3.最後返回這個元素的innerText(ie支持)或者textContent(火狐，google支持)，即獲得通過HTML解碼的字符串了。
  const output = temp.innerText || temp.textContent;
  temp = null;
  return output;
}