最近、このパターンを使用しているサイトをいくつか見ました。
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function (){...do some stuff with plugins...});
</script>
</head>
<body>
<script src="myplugin1.js"></script>
<script src="myplugin2.js"></script>
<script src="myplugin3.js"></script>
</body>
</html>
これは私にいくつかのトラップを考えさせました:
Question #1
document.ready
プラグイン (JS) が解析された後、実行されないイベントが発生します。
dom構造が完成したときに実行されます。(注意: 「すべてのリソースがダウンロードされたとき」とは言いませんでした!)
document. ready
そのため、関数が完全にダウンロードされていないプラグイン変数を使用しようとする状況が発生する可能性があります。(エラーの原因になります)。
私は正しいですか?
Question #2 これにより 、スクリプトが場所を参照する前に「document.readyを使用しないでください」 (つまり、document.readyがそれらのスクリプト変数に依存している状況で)。
私は正しいですか?
psここで明らかに動作するwindow.loadについては話していませんが、もっと長く待たなければなりません。