js转html实体的方法

js转html实体的方法一般用于将HTML代码中的实体字符（比如<,>,&等）转义为对应的实体字符，避免出现一些显示问题或者安全问题。下面是js转html实体的方法的攻略：

方法一：使用innerHTML属性

我们可以通过创建一个新的元素，设置其innerHTML属性，并获取innerHTML属性来将实体字符转化为 HTML 实体。示例如下：

function htmlEncode(str){
  var ele = document.createElement('span');
  ele.innerText = str;
  return ele.innerHTML;
}

console.log(htmlEncode('<div>这是一个div标签</div>'));
// 输出结果为：&lt;div&gt;这是一个div标签&lt;/div&gt;

方法二：使用正则表达式

另外一种将实体字符转义为对应的 HTML 实体的方法是使用正则表达式进行匹配和替换。示例如下：

function htmlEncode(str) {
  var simpleStr = str.replace(/&/g, '&')
  .replace(/</g, '&lt;')
  .replace(/>/g, '&gt;')
  .replace(/'/g, '&#39;')
  .replace(/"/g, '&quot;');
  return simpleStr;
}

console.log(htmlEncode('<div>这是一个div标签</div>'));
// 输出结果为：&lt;div&gt;这是一个div标签&lt;/div&gt;

注意，这里的正则表达式使用了 g 标志，表示全局匹配。

以上两种方法都可以将实体字符转换为对应的 HTML 实体，各有优缺点，开发者可以根据实际需要进行选择。