JavaScriptロードオーダー


28

私はamq.js(ActiveMQ)とGoogle Mapsの両方で作業しています。私は

<head> 
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> 
    <title>AMQ & Maps Demo</title> 

    <!-- Stylesheet --> 
    <link rel="stylesheet" type="text/css" href="style.css"></link> 

    <!-- Google APIs --> 
    <script type="text/javascript" src="http://www.google.com/jsapi?key=abcdefg"></script> 

    <!-- Active MQ --> 
    <script type="text/javascript" src="amq/amq.js"></script> 
    <script type="text/javascript">amq.uri='amq';</script> 

    <!-- Application --> 
    <script type="text/javascript" src="application.js"></script> 
</head> 

は、しかし、私application.jsで、それはマップの罰金をロードしますが、AMQでトピックをサブスクライブしようとしたとき、私はエラーを取得し、このために、私のスクリプトをロードします。 AMQは、Firefoxのエラーコンソールにオブジェクトが定義されていないというプロトタイプに依存します。私は、スクリプトのロードが完了する前にamqオブジェクトの使用に問題があると思う。 application.jsで使用する前に両方のスクリプトが読み込まれていることを確認する方法はありますか?

グーグルはこの素晴らしい機能呼び出しgoogle.setOnLoadCallback(initialize);を持っています。 amq.jsにこのようなものがあるかどうかはわかりません。

27

application.jsで使用する前に両方のスクリプトが読み込まれていることを確認する方法はありますか?

JavaScriptファイルは、あなたがする必要がある必要があり、すべての他のファイルの後に負荷application.jsで順次をロードして、あなたが依存しているスクリプトは珍しい何かをやっている場合を除きのでをブロックする必要があります。

Non-blocking JavaScript Downloadsには、スクリプトがどのように読み込まれるかについての情報があります(また、ブロックを覆すためのいくつかの方法についても説明しています)。


3

使用する前に両方のスクリプトが読み込まれていることを確認する方法はありますか?

はい。

最後にロードするコード(application.jsのもの)をプロトタイプdocument.observeに入れてください。これにより、プロトタイプ+他のものが完成して準備が整った後にのみコードがロードされるようにする必要があります。ジャバスクリプトがロードされているを確認します

$(document).ready(function(){/*do stuff here*/}); 

とDOMは自分のものをやって前に準備ができている:あなたが使用することができますjqueryの中


10

(あなたはjQueryのに精通している場合、この関数はjQueryの$(document).readyに似ています)。私が正しくあなたの問題を理解していれば、これは

document.observe("dom:loaded", function() {/*do stuff here*/}); 

を働くかもしれないよう

はプロトタイプで、それが見えます..私はあなたがへのlibに依存したくない場合はそれが..

を助けるかもしれないと思いますこれを行う...私は、これはうまくいくかもしれないと思う:

<script> 
    function doIt() {/*do stuff here*/} 
</script> 
<body onLoad="doIt();"></body> 
  0

javascriptがロードされていることを確認しますか? 24 5月. 122012-05-24 02:13:37

  0

domとjavascript 24 5月. 122012-05-24 18:10:27


2

AMQは、Firefoxのエラーコンソールが言うプロトタイプに依存オブジェクトがDEFIではありませんned。

AMQはPrototype libraryに依存していますか?あなたが提供したコードでそのライブラリのインポートを見ることができません。


2

AMQは プロトタイプライブラリに依存していますか?あなたが提供したコード にそのライブラリの のインポートが見つかりません。

はい、ActiveMQのjavascript(amq.js)はPrototypeに依存します。 amq.jsには3つのスクリプト、_amq.js、behaviour.js、およびprototype.jsが読み込まれます。

JavaScriptの読み込み順wrumsbyに関するお手伝いをしていただきありがとうございます。これは私のバグが別の城にあることを教えてくれる:(

私は別の問題を抱えていると思う。私はまた、ActiveMQ 5.0から5.1へのjsファイルをチェックし、同様に気づいた。 5.1では、トピックを購読するためのリフレッシュが必要ですが、この問題の原因を取り除いていただきありがとうございます。


7

私はこれと同様の問題が1つのスクリプトでしか発生しませんでした。 document.createElement('script')を使用して作成したscriptオブジェクトにaddEventListener("load",fn,false)を使用するこれは、標準のJSファイルを読み込み、「ポストロード」スクリプトを追加できる最後の機能です。

function addJavaScript(js, onload) { 
    var head, ref; 
    head = document.getElementsByTagName('head')[0]; 
    if (!head) { return; } 
    script = document.createElement('script'); 
    script.type = 'text/javascript'; 
    script.src = js; 
    script.addEventListener("load", onload, false); 
    head.appendChild(script); 
} 

これは将来的に誰かを助けてくれることを願っています。

  0

ありがとう、これは役に立ちます。 24 6月. 102010-06-24 06:55:30


43

クロスドメインスクリプトはサイト自体のスクリプトの後に読み込まれるため、エラーが発生します。興味深いことに、誰もここでこれを知っていません。

+2

このコメントありがとうございました。スクリプトを同じドメインに移動した後、それ以上の問題はありません。 02 9月. 112011-09-02 16:05:39

+14

GoogleのCDNからjQueryを読み込んでjQueryを必要とする独自のローカルスクリプトを作成するのはかなり一般的な方法ですので、これは可能ではないようです 04 2月. 132013-02-04 10:03:27

+2

ChromeとFirefoxの最近のバージョンでこれをテストしたところ、 。また、MDNと矛盾します(https://developer.mozilla.org/en/docs/Web/HTML/Element/scriptを参照)。 -1;あなたはあなたの主張の証拠を提供しておらず、私はそれが本当であると信じていません。 20 12月. 142014-12-20 22:18:00


0

また、組み込みのSharePoint JavaScriptメソッドを使用して、スクリプトの実行を制御することもできます。

_spBodyOnLoadFunctionNames.push("yourFunction");