2010-12-28 7 views
0

は、私はこのコードを持っているとしますJavaScriptコードはいつ実行されますか?

<head> 
    <script type="text/javascript"> 
    func1(); 
    </script> 

    <script type="text/javascript" src="jquery.js"></script> 

    <script type="text/javascript"> 
    func2(); 
    </script> 

    <script type="text/javascript" src="tabber.js"></script> 
</head> 

しまうの関数func2()jquery.jsが完全にロードされた後にのみ呼び出されますか?基本的に私はいくつかの重いJavaScriptコードでページの進行状況バーを作成しようとしています。だから私はどのくらいのページが読み込まれているか知りたい。今、完全にダウンロードされたjsファイルの数の形でこの進捗状況を表示することができます。したがって、jQueryが完全にロードされた後にfunc2()が呼び出された場合、その関数を使用してプログレスバーをある割合だけ上にスライドさせることができます。

+3

にJavascriptコードを直接入力することはできません。あなたの例を修正してください。 – MattJ

+0

あなたは次のようなものを使うことができます:http://www.dynamicdrive.com/dynamicindex11/xpprogressbar.htm – RDL

+0

また、JQueryをローカルにロードしない方が良いですが、サードパーティのソースから取得する方がいいです(例えば、Google Libraries API http: //code.google.com/apis/libraries/devguide.html)。 – nico

答えて

2

ページがブラウザに読み込まれている間にJavaScriptが即座に実行されます。

<head> 
<script type="text/javascript" 
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"> 
</script> 
<script> 
    $(document).ready(function(){ 
    [code to run once page loaded here] 
    } 
</script> 
</head> 
:あなたは、ページがロードされた後に使用できるだけで実行されるコードを確認したい場合は

を:(など、ページのロード後、クリックすなわち)イベントに発砲するように言われます場合は例外です

注:Javascriptもタグに入れてください。

+0

何かを忘れていませんか?jQueryを 'ready'機能のために使用する前にロードしていますか? – Powerlord

+0

本当にいいキャッチjQuery load added – RDL

2

<script>タグに含まれていないため、これらのタグは呼び出されませんでした。

必要なスクリプトをすべて読み込んでから、window.onloadまたはjQueryのreadyイベントを使用して、呼び出す関数をトリガーします。

<head> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript" src="tabber.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      func1(); 
      func2(); 
     }); 
    </script> 
</head> 
+2

あなたのコードはスクリプトタグではありません... –

+0

haha​​ - fixed – zsalzbank

+0

おっと、私たちはそこに競争条件を持っていたと思います。画面にはスクリプトタグはありませんでしたが、答えを編集していたようですが、今ではダウンボートを元に戻すことはできません。 : –

関連する問題