如何在Javascript中将特殊字符转换为HTML？

在 HTML 中，在许多情况下浏览器在呈现页面时会感到困惑。在 HTML 中，小于号 ( < ) 表示打开某个标签，如果我们在它之后放置一个元素，如“a”或“h”，那么浏览器将它们分别识别为锚点和标题选项卡。类似的情况是一些特殊字符，包括小于、率 (@)、正斜杠和反斜杠等。

问题示例：此示例说明了当 HTML 文本未转换为特殊格式时导致的问题。

    
    
    
        

        If b 
       

    

b 部分有问题。浏览器将其理解为锚标记。与 b 的情况类似
输出：

If b

解决方案1：解决它的一种方法是手动将特殊符号放在有问题的相应特殊字符的步伐中。但是对于非常重的网站来说，绘制所有字符然后用 HTML 渲染是非常困难的。

  


  

    

        If b
        < a and ab < h then b < h. 
      
    

  

输出：

If b < a and ab < h then b < h.

基于 JavaScript 的解决方案另一种方法是使用 javascript 将每个特殊字符转换为其各自的 HTML 代码。在脚本中，我们将借助“”+字符的ASCII值+“;”的正则表达式替换所有特殊包。 .我们对页面上的所有文本应用相同的规则。

  

    
        function Encode(string) {
            var i = string.length,
                a = [];
  
            while (i--) {
                var iC = string[i].charCodeAt();
                if (iC < 65 || iC > 127 || (iC > 90 && iC < 97)) {
                    a[i] = '' + iC + ';';
                } else {
                    a[i] = string[i];
                }
            }
            return a.join('');
        }
    

  

    
        document.write(Encode("If b<a and a<h then b<h"));
    

  

输出：

If b