htmlEncode编码和 htmlDecode解码，防止XSS攻击

最新推荐文章于 2021-07-18 15:59:35 发布

原创最新推荐文章于 2021-07-18 15:59:35 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

3 篇文章

订阅专栏

博客介绍了innerHTML、innerText和textContent的区别。innerHTML可解析HTML代码，而innerText不能解析，其获得内容与HTML解析内容相同，textContent同样不能解析，获取内容与源码内容一致。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

innerHTML: 可以解析HTML代码
innerText：不能解析HTML代码，获得内容与HTML解析的内容一样
textContent：不能解析HTML代码，获取的内容与源码内容一样

export function htmlEncode(html) {
  var temp = document.createElement ("div");
  (temp.textContent != undefined ) ? (temp.textContent = html) : (temp.innerText = html);
  var output = temp.innerHTML;
  temp = null;
  return output;
}
export function htmlDecode(text) {
  var temp = document.createElement("div");
  temp.innerHTML = text;
  var output = temp.innerText || temp.textContent;
  temp = null;
  return output;
}