收集小JS从网页到一个大JS

Collect small JS from webpage to one big JS

本文关键字:JS 一个 网页      更新时间:2023-09-26

这是一个示例JavaScript代码:

/* Email me Animation */
      $(function() {
            var offset = $("#sidebar").offset();
            var topPadding = 0;
            $(window).scroll(function() {
                if ($(window).scrollTop() > offset.top) {
                    $("#sidebar").stop().animate({
                        marginTop: $(window).scrollTop() - offset.top + topPadding
                    });
                } else {
                    $("#sidebar").stop().animate({
                        marginTop: 0
                    });
                };
            });
        });
        */-->
$(document).ready(function(){
    $('#page_effect').fadeIn(2000);
});

    /* Toggle */
    $(document).ready(function(){
        $('a.showHideButton').click(function(){
            $('div[data-something=' + $(this).data('something') + ']').toggle(500);
        });
    });

    /* Move top */
    $(function() {
        $(window).scroll(function() {
            if($(this).scrollTop() != 0) {
                $('#backtotop2').fadeIn();
            } else {
                $('#backtotop2').fadeOut();
            }
        });
        $('#backtotop2').click(function() {
            $('body,html').animate({scrollTop:0},1200);
        });
    });

    /* Menu animation */
    var jump=function(e)
    {
           e.preventDefault();
           var target = $(this).attr("href");
           $('html,body').animate(
           {
                   scrollTop: $(target).offset().top
           },2000,function()
           {
                   location.hash = target;
           });
    }
    $(document).ready(function()
    {
           $('a[href*=#]').bind("click", jump);
           return false;
    });

    /* Menu Appear Animation */
    $(function() {
        $(window).scroll(function() {
            if($(this).scrollTop() != 0) {
                $('#menuAppear').fadeIn();
            } else {
                $('#menuAppear').fadeOut();
            }
        });
    });

我有10个小的javascript,有没有可能的方法来收集一个JS文件并加载到页面上,

这样使用:

<script src="js/jsScript.js"></script>

不要在每个页面上都写这个小JS

这应该能成功,而且它使用nodeJS和npm来为js和css构建包。因此,您可以将代码拆分为许多较小的文件。