“magnific.popup.js”的延迟加载

Posted 2023-05-07

【中文标题】“magnific.popup.js”的延迟加载

【英文标题】：Lazy load for "magnific.popup.js"

【发布时间】：2022-01-22 04:16:22

【问题描述】：

有没有办法在页面加载后初始化magnific.popup.js？

我不喜欢将它与其余脚本一起加载，因为我只需要它，并在单击按钮时触发弹出窗口。

最终目标是不要在 PageSpeed Insights 的报告中看到它，您的建议是什么？

【参考方案1】：

您可以动态添加脚本。

function **functionname**()   
    var script = document.createElement('script');
    
    script.setAttribute('src',**path or url script**);
    
    document.head.appendChild(script);

在需要脚本时调用函数

【讨论】：

在这种情况下，我可以在调用函数后立即从外部脚本初始化对象吗？或者我应该等待并确保首先加载脚本？如果是后者，我们如何确定呢？

您必须确保已加载外部脚本。在这种情况下，异步请求可能很有用。 developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/…