当 HTML 标签包含在 JavaScript 代码中时，如何使 JSHint 发出警告？

Question

在我们的开发商店中，我们使用客户端模板并且在我们的 JavaScript 代码中不包含 HTML 标记。

在我们的持续集成过程中，我们会在每次提交（Jenkins 中的构建后操作）后自动运行 JSHint，以验证是否符合我们的编码风格指南。

我想配置 JSHint，这样当它在 .js 文件中找到 HTML 标记时会引发警告。

我怎样才能做到这一点？我已经搜索过了，但我找不到 HTML 标记警告的示例，也找不到 JSHint 的自定义规则。

编辑：

为了清楚起见，我试图捕捉这样的代码：

var newDiv = "<div>Hello World!</div>";
$("body").append(newDiv);

如果我能让 JSHint 为上面示例中的第一行生成警告，那就太好了。

第二次编辑：

如果 Jenkins 有构建后插件，如果在 .js 文件中找到 HTML，可能会引发验证错误，那么这也是一个很好的替代解决方案。

Answer 1

答案

不，jSHint 不支持在字符串中禁止任意字符串内容或 HTML 标记。它目前也不支持自定义规则，尽管作者已经讨论过添加公共 api in the future.

我对 WHY 的猜测（因为我不是内部人员）

无论您对在 js 中创建 HTML 有什么看法，您提出的解决方案（在任何情况下都不允许使用任何 HTML 标记）将不允许各种高度有效的用例。我知道这是您的团队想要做的，但是这样一个生硬的规则不会具有其余 jsHints 规则的普遍适用性。他们的重点是执行风格规则。由于您不允许字符串中的所有 HTML 标记，因此这实际上更像是一种内容验证，而不是一种样式验证。它将消除以下与 DOM 注入/关注点分离无关的 content 示例。

例如：

var example="I'm writing a report on <div> tags and css";

或

var htmlStrippedText = text.replace("<div>","");

我的建议

当然，缺乏广泛的适用性并不是您不这样做的理由。如果您真的想过滤这样的内容，请使用命令行脚本使用正则表达式进行搜索。由于您只想查看是否存在 HTML，而不是是否有效，因此您可以搜索 <[div|span|body|html... 和 document.createElement 形式的内容，应该没问题（尽管如果您可能需要更有创意想允许它在 cmets 内）。只是不要使用 nodejs 来运行带有 JS 的脚本，否则它将无法验证自身。 :)

当然，这一切都不会阻止坚定的开发者：

var topSecretDOMObject,topSecretFunction,topSecretArgument;
topSecretFunction = "create"+"Element";
topSecretArgument = "d" + "i" + "v";
topSecretDOMObject = document[topSecretFunction](topSecretArgument);