如何僅使用外部文件編寫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/

我要通過這一點，並沒有完全審覈。看看它是否對你有用。