文書の末尾に条件付きでスクリプトをロードする

Question

ウィンドウが特定のサイズである場合にのみ、jqueryとサイクルプラグインをロードします。これは後でデスクトップブラウザ用にのみロードされるように変更されます。 このコードをbodyタグの前に置くと、FFやIEでは正常に動作しますが、chromeでは正常に動作しません。 コードを頭に配置すると、すべてのブラウザで機能します。 文書の最後に配置した場合、どのように動作させることができますか？

http://dl.dropbox.com/u/426954/allora/index.html

if (document.documentElement.clientWidth > 600) { 
    window.onload = function() { 
    //load jquery 
     var j = document.createElement('script'); 
    j.setAttribute('src', 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js'); 
    document.getElementsByTagName("head")[0].appendChild(j); 

    //load cycle plugin 
     var c = document.createElement('script'); 
    c.setAttribute('src', 'http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js'); 
    document.getElementsByTagName("head")[0].appendChild(c); 

    //load custom script 
     var elScript = document.createElement('script'); 
    elScript.setAttribute('src', 'js/script.js'); 
    document.getElementsByTagName("head")[0].appendChild(elScript); 
    } 
    } 

Answer 1

だから頭に入れてください。パフォーマンスガイドラインでスクリプトの一番下に置くように求めているからといって、それを頭の中に入れるのは罪だというわけではありません。それがないすべてのDOMがとにかく

Answer 2

使用をこの

$(document).ready(function() { 

}); 

代わりに実行するためにロードされるまで待機しますonloadイベントにハンドラを割り当てているので、この場合には、あなたはどんなパフォーマンスを失うことはありません

window.onload 

、それはヘッダに動作する場合、なぜそのようにしない機能