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

Question

使用HTML5 Boilerplate时，您将获得一个script.js文件并且jquery文件全部加载到主体之后。

如何知道何时调用特定页面的某些代码？例如。如果在/maps上我想要动态加载Google地图，那么如何在不将它放在页面上并使用script.js文件的同时使其无法加载所有页面的地图时如何完成此操作？

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

Answer 1

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

例如，这样的事情：

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

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

Answer 2

我也有同样的问题。我搜索，才发现这两个

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

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

我要通过这一点，并没有完全审核。看看它是否对你有用。