wiss inc

WISS inc.

モジュールの動的ロードとロードイベントの処理

core. ブログの記事内などでのスクリプトに便利

モジュールの動的ロード (dojo.require)
もし以下のような関数を使うなら、

dojo.someModule.someFunction();
その前に関数が含まれるモジュールをロードしておきます。
dojo.require("dojo.someModule");
これによって遅延ロードが可能でページの初期表示を軽くすることが可能です。また、JAVAのパッケージのインポート(import)と同じで、重複してロードされる事はありません。
また必要なモジュールを必要な時に安全に呼べることは、ブログの制約内ではかなり便利です。

ページのロードイベント
BODYタグの「onLoad」、もしくは、window.onload の設定はイベントを代入しているため1つしか指定できません。
初期化の関数を複数登録することができ、Dojoではよく使います。ただし、GoogleMapsなどの他のAPIを使っている場合には注意が必要です。
dojo.addOnLoad(
  function(){dojo.byId('box').innerHTML='Loaded<br/>'});
dojo.addOnLoad(
  function(){dojo.byId('box').innerHTML+='Loaded(2)'});

サンプル:

TITLE