把代码放到Javascript文件中？

Question

如何将此文件放入javascript文件中，该文件是html页面的附加文件。

我想将这段代码转换为完整的javascript，而不是html辅助。

<script type="text/javascript">
(function($) {          
    $(document).ready(function(){                    
        $(window).scroll(function(){                          
            if ($(this).scrollTop() > 200) {
                $('#mySidenav').fadeIn(200);
            } else {
                $('#mySidenav').fadeOut(200);
            }
        });
    });
})(jQuery);
</script>

Answer 1

在与html文件相同的目录中创建一个js文件。称之为“main.js”。添加到main.js：

(function($) {          
    $(document).ready(function(){                    
        $(window).scroll(function(){                          
            if ($(this).scrollTop() > 200) {
                $('#mySidenav').fadeIn(200);
            } else {
                $('#mySidenav').fadeOut(200);
            }
        });
    });
})(jQuery);

在你的html文件中输入：

<script src="main.js" type="text/javascript">