JavaScript 经典实例：第三版

62

｜

第

2

章

2.8.4

参考

除了直接替换之外，还可以在字符串中找出匹配的子串，一一检查，详见

2.11

节和

2.12

节。

2.9

把

HTML

标签替换为具名实体

2.9.1

问题

你想把转义后的标记插入网页（浏览器显示尖括号，而不解释为

HTML

标签）。之

所以这么做，可能是因为你想展示一段

HTML

标记示例，比如说在一篇教程文章中；

也有可能是因为你想确保安全，清洗外部数据，例如由用户提交的文本或者从数据

库中获取的文本。

2.9.2

方案

使用

String.replaceAll()

方法把尖括号（

<>

）替换为

HTML

具名实体

&lt;

和

&gt;

。整

个过程分为两步，分别替换两个尖括号。

const

originalPieceOfHtml = '<p>This is a <span>paragraph</span></p>';

//

去掉

<

字符，得到一个新字符串

let

safePieceOfHtml = originalPieceOfHtml.replaceAll('<', '&lt;');

//

去掉

>

字符，得到一个新字符串

safePieceOfHtml = safePieceOfHtml.replaceAll('>', '&gt;');

//

在页面中展示

document.getElementById('placeholder').innerHtml = safePieceOfHtml;

现在，查看这个字符串，你会发现其中的文本为“

<p>This is a <span>paragraph</

span></p> ...