javascript - JavaScriptを「外部」ファイルに

Question

初歩的な質問:

以下のスクリプトを次のように変更するにはどうすればよいですか: < script src="file-here.js">< /script> ウィンドウの読み込みとドキュメントの準備機能を削除できますか?

<script type="text/javascript"> 
    $(window).load(function(){
        $(document).ready(function(){
            $('.dropdown').click(function(){
                var dropdownDiv = $(this).parent();
                $('ul', dropdownDiv).slideToggle('fast');
            });
            $('body').click(function(){  
            }); 
        });
    }); 
</script>

Answer 1

以下のスクリプトを次のように変更するにはどうすればよいですか。< script src="file-here.js">< /script>

1. スクリプトの開始タグと終了タグの間のテキストを選択します (スクリプト タグは含みません)。
2. カットをクリック
3. 新しいファイルを開く
4. [貼り付け] をクリックします
5. 保存

ウィンドウの読み込みとドキュメントの準備機能を削除できますか?

コードの動作を変更しないわけではありません (ただし、 にバインドしたready 後に にバインドするのloadはばかげています。の前readyに発火しますが、それは外部スクリプトの使用とは直交しています)。 load

Answer 2

外部ファイルに入れるだけです：file-here.js

$(window).load(function(){
    $(document).ready(function(){
        $('.dropdown').click(function(){
            var dropdownDiv = $(this).parent();
            $('ul', dropdownDiv).slideToggle('fast');
        });
        $('body').click(function(){  
        }); 
    });
}); 

そしてそれを<script src="file-here.js"></script>

アップデート：

load/ready 関数については、これで十分です。

$(document).ready(function(){
    $('.dropdown').click(function(){
        var dropdownDiv = $(this).parent();
        $('ul', dropdownDiv).slideToggle('fast');
    });
    //note that this handler is empty and doing nothing (you can leave it out)
    $('body').click(function(){

    }); 
});

Answer 3

ソースを .js ファイルに移動し、最初と最後の行を削除します ( <script> and </script>)。

おそらく削除できますが$(window).load(function(){、readydom が完全にロードされたときにのみコードが実行されるようにするために必要です。