javascript - 如何延迟加载内联 JavaScript？

Question

我想仅在到达特定 div 时加载横幅广告脚本。例如 - 页面底部的横幅 div。

我可以使用jquery惰性脚本加载外部脚本:

var options = {
    type: "visible",
    id:"mydiv", //div Id
    scripts: [
        "1.js",
        "2.js",
        "3.js"
            ],
    success: function () {

    }
};
$.lazyscript(options);

但是如何加载内联脚本呢？

谢谢。

Answer 1

整个 html 文档从上到下进行解析，包括脚本标签。所以从这个意义上说，您的内联 JavaScript 已“加载”。我可能误解了你的问题。

如果您不希望内联脚本在解析后立即执行，则需要在内联脚本中使用某种事件监听器。

例如，假设您的内嵌横幅广告代码包含在函数中

<script>
loadBannerScriptAd()
</script>

你需要写一些类似的东西

<script>
$(document).on("loadBannerScript", loadBannerScriptAd)
</script>

您可以随时触发

$(document).trigger("loadBannerScript")

所有这些都是假设您有基于上面给出的代码示例的 jquery。查看http://api.jquery.com/trigger/有关如何通过 jquery 触发自定义事件的详细信息。