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>

更新：

关于加载/就绪功能，这应该足够了：

$(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 完全加载时执行。