在不支持js的浏览器中如何隐藏JavaScript代码？

在不支持 JavaScript 的浏览器中隐藏 JavaScript 代码的最佳方法是使用 HTML 注释标签。 具体来说，使用 <!-- 和 //--> 包裹 JavaScript 代码。

<script type="text/javascript">
<!--
    // 你的 JavaScript 代码写在这里
    console.log("这段代码在支持 JS 的浏览器中会执行，在不支持 JS 的浏览器中会被注释掉");

    //  对于不支持JavaScript的旧浏览器，避免显示JavaScript代码的关键在于
    //  结束 HTML 注释之前添加 "// -->" 或 "//-->"。
    //  双斜杠 //  确保 JavaScript 引擎将 --> 视为单行注释的一部分，
    //  从而防止其被误认为是 HTML 注释的结束标记。
    // -->
</script>

原理:

不支持 JavaScript 的浏览器会将 <script> 标签内的所有内容视为纯文本。 通过使用 HTML 注释标签 <!-- 和 //-->，可以将 JavaScript 代码隐藏在注释中，从而防止其在浏览器中显示为纯文本。

关键点： // -->

• <!-- 开始 HTML 注释。
• //--> 结束 HTML 注释。 必须包含 // 在 --> 之前，这是至关重要的！ 这是因为 JavaScript 会将 --> 解释为 HTML 注释的结束标记。 // 将 --> 转换为 JavaScript 的单行注释，防止 JavaScript 引擎将其错误地解释为 HTML 注释块的结束。

现代方案：

需要注意的是，现在几乎所有现代浏览器都支持 JavaScript。 这种技术主要用于非常古老的浏览器，或者用户明确禁用了 JavaScript 的情况。 在现代 Web 开发中，更应该关注如何优雅地处理 JavaScript 错误或不支持 JavaScript 的情况，例如提供替代内容或提示用户启用 JavaScript。 可以使用 <noscript> 标签来显示不支持 JavaScript 的浏览器的内容：

<noscript>
    <p>您的浏览器不支持 JavaScript 或已禁用 JavaScript。请启用 JavaScript 以获得最佳体验。</p>
</noscript>

总而言之，虽然 HTML 注释可以隐藏 JavaScript 代码，但在现代 Web 开发中，更推荐使用 <noscript> 标签来处理不支持 JavaScript 的情况，并专注于构建健壮的、能优雅降级的 Web 应用。