禁用 javascript 时如何不加载 javascript 文件

Question

[已解决]

我通常在没有 javascript 的情况下构建页面，然后才添加 javascipt 功能。这样，我可以使用需要 javascript 的工具来设置所有 div 并显示：none，然后在 javascript 的第一行中将其变为可见：

<script type="text/javascript">
    $(document).ready(function(){
        $('#jsdivs').show();
    });
</script>

这样做，我就可以摆脱那些因任何原因禁用浏览器 javascript 的人。

遵循这种精神，我想找到一种默认情况下不加载任何 javascript 的方法，然后，如果启用了 javascript，则有加载 javascript 文件的说明。

现在我正在像这样加载 JQuery（出于缓存原因，很多人可能已经缓存了这个）：

<script src="http://code.jquery.com/jquery-1.4.4.js"></script>

另一个文件最小化了所有其他 javascript。一切都在最后，就在 HTML body 标记之前。

我在此处和这里但没有一个可以帮助我解决这个问题。首先，我想知道这是否是完成此任务的好方法。多谢。

更新：

• @Lèse majesté 向我指出了一个旧的讨论，说禁用时浏览器不会加载 javascript 文件。由于我认为这些信息不够确凿，我做了一些测试，通过插件“Web Developer”在 Firefox 中禁用 javascript，YSlow（Firebug 的另一个 FF 插件）继续显示所有 javascript 信息，更不用说“Live Headers”（另一个出色的 FF 插件，可以实时显示标头）还显示请求中存在 _utmc cookie（通过 Google Analytics 脚本）。

• @Marcel Korpel 发表了非常好的评论（尽管显然很势利），这为真正的解决方案开辟了道路。他说，Google Analytics 使用“动态包含 ga.js 的方法。需要结束标记（以及立即开始标记）来让浏览器更新 DOM 树并实际加载和执行添加的脚本。”

• 有关他的信息指示 我可以想出这个 PHP 代码（我必须将 PHP 代码放入Pastie.org 因为 Stackoverflow 搞乱了它）：

  http://pastie.org/1487432

打印：

<script language="javascript" type="text/javascript">
    document.write('\<script src\="js\/minified\.js" type\="text\/javascript"\>\<\/script\>');
</script>

这次 YSlow 和 Live Headers 没有提及任何 javascript 文件。

• 我刚刚发现了这个：http://code.google.com/speed/page-speed/docs/rtt.html#AvoidDocumentWrite

Answer 1

如果禁用 JavaScript，大多数浏览器不会下载链接的 .js 文件。请参阅此问题：

浏览器是否下载如果用户禁用了 JS，那么会生成 JS 文件吗？

Answer 2

您可以动态添加 javascript 文件，但内容不会被评估并且无法供您使用（因为 javascript 已加载并解析一次），因此此方法将不起作用，如 此处。

如果您能够通过查询字符串参数、表单字段或任何您喜欢的内容将此信息（禁用 JavaScript）传递回服务器，您还可以使用服务器端脚本并避免写出脚本标记。

但是，请考虑所涉及的复杂性以及这是否可以为您节省任何东西。

说实话，如果 javascript 关闭，我不知道浏览器对这些文件的行为如何 - 有理由假设（尽管应该始终检查）如果 javascript 关闭，也不会请求任何 javascript 文件。< /strike>

更新：

可以看出 此处，如果禁用 JavaScript，大多数浏览器不会下载 js 文件。