JavaScript：実行順のなぞ
JavaScript なんて嫌いだーと逃避していたけど、現実は甘くない。最近は必須なのです。
クロスドメインの制約のため、XMLHttpRequest では他のドメインにリクエストを投げられないのです。そこで出てきたのが JSONP とかって呼ばれるやつ。
これは別ドメインだろうが script タグの src 属性に指定すれば実行できるよねーという方法です。
んで web サービスみたいのとかだとコールバックパラメータみたいなのが用意されていて、実行結果をコールバック関数で受けてふがふが…とします。
ここではまった。
例えばこんなコードです。
外部 js は下のように外部ドメインで良い、と。
ここで呼び出している test.js のコードは
これだけ。
上の html をブラウザで開くと、test_func, cb_func の順でアラートがあがります。
つまり、appendChild でスクリプトを貼り付けた時点ではtest.jsが実行されていないのです。
この順番を逆にするにはどうすればよいのだろうか。
グローバル変数を用意して無限ループしてみてもダメっぽいから非同期とかじゃなくて実行順が決まってるようで。
ふーん。
クロスドメインの制約のため、XMLHttpRequest では他のドメインにリクエストを投げられないのです。そこで出てきたのが JSONP とかって呼ばれるやつ。
これは別ドメインだろうが script タグの src 属性に指定すれば実行できるよねーという方法です。
んで web サービスみたいのとかだとコールバックパラメータみたいなのが用意されていて、実行結果をコールバック関数で受けてふがふが…とします。
ここではまった。
例えばこんなコードです。
- <html>
- <head></head>
- <body>
- <script type="text/javascript">
- <!--
- if (window.addEventListener) {
- window.addEventListener('load', test_func, false);
- } else if (window.attachEvent) {
- window.attachEvent('onload', test_func);
- }
- function test_func(e) {
- var head = document.getElementsByTagName("head").item(0);
- var script = document.createElement("script");
- script.setAttribute("type", "text/javascript");
- script.setAttribute("charset", "EUC-JP");
- script.setAttribute("src", "./test.js");
- head.appendChild(script);
- alert("test_func");
- }
- function cb_func() {
- alert("cb_func");
- }
- -->
- </script>
- </body>
- </html>
外部 js は下のように外部ドメインで良い、と。
- script.setAttribute("src", "http://betu/test.js");
ここで呼び出している test.js のコードは
- cb_func()
これだけ。
上の html をブラウザで開くと、test_func, cb_func の順でアラートがあがります。
つまり、appendChild でスクリプトを貼り付けた時点ではtest.jsが実行されていないのです。
この順番を逆にするにはどうすればよいのだろうか。
グローバル変数を用意して無限ループしてみてもダメっぽいから非同期とかじゃなくて実行順が決まってるようで。
ふーん。
| 
| ホーム |