JavaScript如何在延遲加載的腳本準備就緒時捕獲事件？

Question

我有一個延遲加載JavaScript文件，當文件中的類準備好使用時，如何捕獲事件？我只需要在特定情況下加載此腳本。因此它不是通過onload加載的，而是在if子句中加載的。

延遲加載代碼，我從這裏拿了：http://friendlybit.com/js/lazy-loading-asyncronous-javascript/

if (externalClassRequired) { 
    var s = document.createElement('script'); 
    s.type = 'text/javascript'; 
    s.async = true; 
    s.src = 'http://yourdomain.com/script.js'; 
    var x = document.getElementsByTagName('script')[0] 
    x.parentNode.insertBefore(s, x); 

    // When do I know when the class named "geo" is available? 
} 

---

更新：
對不起球員，我完全忘了Ajax的！ :)我非常關注我的問題，我沒有看到@Tokimon的明顯解決方案。通過jQuery最簡單的解決方案將是：

$.getScript('http://yourdomain.com/script.js', function() { 
    // callback or use the class directly 
}); 

Answer 1

或者你可以通過AJAX拿到劇本。然後你確定當ajax成功事件被觸發時腳本被加載:)

Answer 2

因爲它需要一個HTTP請求，你應該可以把一個onload事件。

s.onload = function() { 
    // do something 
} 

在「更快網站」史蒂夫Souders的提供了一個解決方案，由此可以看出here。

Answer 3

如果我明白你想要正確完成。這就是回調方法存在的原因。

解釋相當不錯這裏 Getting a better understanding of callback functions in JavaScript

Answer 4

var onloadCallback = function() { 
    alert('onload'); 
} 

var s = document.createElement('script'); 
s.type = 'text/javascript'; 
s.async = true; 
s.onreadystatechange = function() { // for IE 
    if (this.readyState == 'complete') onloadCallback(); 
}; 
s.onload = onloadCallback; // for other browsers 
s.src = 'http://yourdomain.com/script.js'; 
var x = document.getElementsByTagName('script')[0] 
x.parentNode.insertBefore(s, x); 

你也可以使用XMLHttpRequest來加載文件。

Answer 5

if (s.readyState) s.onreadystatechange = function() { 
    if (s.readyState === "loaded" || s.readyState === "complete") { 
     s.onreadystatechange = null; 
     callback(); 
    } 
}; else s.onload = function() { 
    callback(); 
};