javascript到“外部”文件

Question

新秀问题：

如何将以下脚本更改为：＆lt; script src =“file-here.js”＆gt;＆lt; /脚本＆GT; 我可以删除窗口加载和文档就绪功能吗？

<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>

的更新： 的

关于这应该足够的加载/就绪函数：

$(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(){，但需要ready才能确保代码仅在dom完全加载后执行。