javascript lt 转义

Javascript 中的 < 转义

在 Javascript 中，< 是一种特殊的字符，常常作为 HTML 标签的开始符号出现，而且在一些情况下，这个字符会被浏览器错误解析。因此，我们通常需要使用代码将其转义成字符实体。

一个常见的例子是在使用 innerHTML 时：

var element = document.getElementById('myDiv');
element.innerHTML = '<p>我是一个段落</p>';

上述代码的作用是将一个 P 标签添加到页面中，但若不进行转义，浏览器会将 <p> 当作未闭合标签而可能产生错误。

在 Javascript 中将 < 转义成字符实体的方式有两种：

方式一：使用字符串拼接

var str = '<p>我是一个段落</p>';
var escapedStr = '&lt;' + str.substring(1);

将第一位的 < 替换成 &lt;，即可将其转义成字符实体。

方式二：使用字符串替换

var str = '<p>我是一个段落</p>';
var escapedStr = str.replace(/</g,'&lt;');

这个方法更为简便，使用正则表达式将所有的 < 替换成 &lt; 即可。

需要注意的是，在使用 innerHTML 之外的地方也可能需要进行转义。例如，如果将一个包含 < 字符的变量设置为某元素的属性值，也需要进行转义：

var element = document.getElementById('myDiv');
var title = '这是一个 <title>';
element.setAttribute('title',title.replace(/</g,'&lt;'));

上述代码将会设置元素的 title 属性为“这是一个 &lt;title&gt;”，避免可能的解析错误。

总之，将 < 作为 HTML 标签的开始符号时，一定要进行转义，以免导致解析错误。