【JS】防止HTML代码块编译

在很多时候，需要在页面上显示源码的时候，尤其是HTML，避免经过浏览器的编译时，可以使用下面的方法。

我在网上也查阅了一些其他的使用方法，<xmp></xmp>或者<pre></pre>或者<code></code>等等较为简单的方法，但是似乎都没有效果，下面这个方法是我实现有效的办法。

let str = "<div style='color:grey;'>内容</div>"

this.replaceStr(str);

//把里面的标签替换成字符
replaceStr(strHTML){
      var strTem = "";   
      if (strHTML.length == 0) return "";   
      strTem = strHTML.replace(/&/g, "&gt;");   
      strTem = strTem.replace(/</g, "&lt;");   
      strTem = strTem.replace(/>/g, "&gt;");   
      strTem = strTem.replace(/ /g, "&nbsp;");   
      strTem = strTem.replace(/\'/g, "&#39;");   
      strTem = strTem.re