如何将两个JavaScript合并为一个

Question

我有这两个JavaScript。 一个用于预加载程序，另一个用于邮件黑猩猩订阅表单。 在我的MailChimp帐户中，我将表单设置为在20秒后显示，但是我的问题是，它的加载速度比网页快，有时它会在预加载器消失之前出现。 真的不是我想要的。 请问是否只有在整个页面加载完成后才显示mailchimp？ 我还是JavaScript和jquery的新手，我也不知道如何执行此操作。 请帮忙。 以下是脚本。 感谢您的帮助。

<script type="text/javascript">
var clPreloader = function() {

        $("html").addClass('cl-preload');

        $WIN.on('load', function() {

            //force page scroll position to top at page refresh
            // $('html, body').animate({ scrollTop: 0 }, 'normal');

            // will first fade out the loading animation 
            $("#loader").fadeOut("slow", function() {
                // will fade out the whole DIV that covers the website.
                $("#preloader").delay(300).fadeOut("slow");
            }); 

            // for hero content animations 
            $("html").removeClass('cl-preload');
            $("html").addClass('cl-loaded');

        });
    };
</script>
<script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/unique-methods/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script>

<script type="text/javascript">window.dojoRequire(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us19.list-manage.com","uuid":"a16126f77b33bc58d8eef3c50","lid":"a69743e135","uniqueMethods":true}) })</script>

Answer 1

我认为此网页将帮助您解决问题https://developer.mozilla.org/zh-CN/docs/Web/API/GlobalEventHandlers/onload javascript中的onload函数允许您在页面加载后执行代码。

否则，您可以在第一个脚本执行完毕后，将函数调用添加到要执行的下一个脚本中。

Answer 2

动画结束后尝试这样的事情

var linkafterpreload = "link 1";

window.addEventListener("load", _ => {
    var newscript = document.createElement("script");
    newscript.src = linkafterpreload ;
    document.body.appendChild("newscript")
})