javascript - 如何仅使用外部文件编写 javascript 代码

Question

使用 HTML5 Boilerplate 时，会给您一个 script.js 文件，并且 jquery 文件都在正文之后加载。

我如何知道何时为特定页面调用特定代码？例如。如果/maps我想动态加载谷歌地图，如何在不将其放在页面上并使用script.js文件而不为所有页面加载地图的情况下完成此操作？

基本上，当我的页面中没有任何脚本时，我如何构建我的代码？我如何知道为特定页面调用什么代码？

Answer 1

我也有同样的问题。我搜索了一下，只找到了这两个

http://paulirish.com/2009/markup-based-unobtrusive-comprehensive-dom-ready-execution/

http://www.viget.com/inspire/extending-paul-irishs-comprehensive-dom-ready-execution/

我正在经历这个，还没有完全审查。看看它是否对你有用。

Answer 2

包含的脚本文件会立即执行，因此在脚本文件中您可以有一个部分检查您所在页面的 URL。

例如，像这样：

if (window.location.href === "http://myapp.com/maps") {
   // call the map function or whatever ...
}

但是，出于好奇，您为什么不能将脚本文件添加到您所在的特定页面？如果您绝对无法编辑页面的 HTML，我只会推荐上述解决方案。