在前端开发中，有时候需要检查一个字符串是否为 HTML。这可能是因为你要将用户输入的数据作为 HTML 渲染到页面上，而为了防止 XSS 攻击，需要对输入的数据进行检查。本文将介绍如何检查一个字符串是否为 HTML，包括如何使用正则表达式和 DOMParser。
使用正则表达式
正则表达式是一种强大的工具，可以用来匹配字符串中的特定模式。我们可以使用正则表达式来检查一个字符串是否为 HTML。下面的代码演示了如何使用正则表达式来检查一个字符串是否以 < 开头，是否以 > 结尾，并且是否包含 / 或 !：
function isHTML(str) {
const pattern = /^<([a-z]+)([^<]+)*(?:>(.*)<\/\1>|\s+\/>)$/;
return pattern.test(str);
}这个正则表达式会匹配以下类型的字符串：
<tag></tag><tag /><!DOCTYPE html><!-- comment -->
如果传入的字符串不是 HTML，那么函数会返回 false。
使用 DOMParser
DOMParser 是一个内置的 API，可以将一个 XML 或 HTML 字符串解析成一个 DOM 文档。我们可以利用这个 API 来判断一个字符串是否为合法的 HTML。下面的代码演示了如何使用 DOMParser 来解析一个字符串，如果解析成功则说明这个字符串是合法的 HTML：
-- -------------------- ---- -------
-------- ----------- -
----- ------ - --- ------------
--- -
----- --- - --------------------------- -------------
------ ------------------------------------ -- ------------- --- ---
- ----- ------- -
------ ------
-
-这个函数会返回 true 如果传入的字符串是合法的 HTML，否则返回 false。
总结
在本文中，我们介绍了两种方法来检查一个字符串是否为 HTML。第一种方法使用正则表达式来匹配特定的模式，第二种方法使用 DOMParser 来解析字符串。选择哪种方法取决于你的具体需求和应用场景。如果你只需要简单地判断一个字符串是否为 HTML，那么使用正则表达式可能更好。如果你需要更严格的检查，可以使用 DOMParser。无论哪种方法，都可以帮助你编写更安全、更可靠的前端代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12959
