何もない空虚

動画を作っていたりいなかったり

JavaScript・jQueryの実行順序 

こんにちは、暑いですね。
いよいよ夏真っ盛りです、なんで社会人には2ヶ月近い夏休みがないんですかね。

JavaScript・jQueryの話。

よく「jquery 実行 順番」とかで調べるんですが、いまいち「これ!」という答えにあたることが少ないです。
なので今回はちょこっとばかしテストをしてみました。

問題)以下のページにアクセスする時、出力される文字列は一体何でしょうか。

js
答え)369258147

ということで、結果から以下のことがわかります。

・$(function() → window.addEventListener("DOMContentLoaded", function() → $(window).on("load", function() の順で実行順序が早い
・head内→body上部→body下部の順で実行される

この結果、なかなか興味深いんじゃないでしょうか、特に上の方。
各関数に関する説明とかは他のサイトで山程されているのでここでは省略。

これにcssとか絡んでくるともっと複雑なことになりそうですね、これだからweb開発は面白いです。
trackback: -- | コメント: -- | edit