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

Question

[已解决]

我通常在没有 javascript 的情况下构建页面，然后才添加 javascipt 功能。这样，我可以使用需要使用 javascript 的工具设置所有 div，并使用 display: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 正文标记之前。

我看到很多意见 here 和 here 但没有一个可以帮助我解决这个问题。首先，我想知道这是否是完成这项工作的好方法。非常感谢。

更新：

• @Lèse majesté 向我指出了一个旧的讨论，说browsers do not load javascript files when it is disabled。由于我认为信息足够确凿，我做了一些测试，通过插件“Web Developer”禁用 Firefox 中的 javascript，并且 YSlow（Firebug 的另一个 FF 插件）继续显示所有 javascript 信息，更不用说“实时标题”（另一个实时显示标题的出色 FF 插件）还显示请求中存在 _utmc cookie（通过 Google Analytics 脚本）。

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

• 有了hisindication的信息，我可以想出这个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 文件。看到这个问题：

Does a browser download JS files if the user has JS disabled?

Answer 2

您可以动态添加javascript文件，但是内容不会被评估并且对您不可用（因为javascript被加载和解析一次），所以这种方法不起作用可以看出here.

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

但是，请考虑所涉及的复杂性以及这是否能为您节省任何费用。

说实话，如果 javascript 关闭，我不知道浏览器对这些文件的行为如何 - 可以合理地假设（尽管应该始终检查）如果 javascript 关闭，则不会请求任何 javascript 文件要么。

更新：

正如here 所见，如果禁用了 javascript，大多数浏览器不会下载 js 文件。