header标签中的外部异步脚本执行完成后如何执行脚本？

问题描述 投票：0回答：1

使用 Webflow 本机自定义代码编辑器，我按照他们的指示，在 

<head>
标签内添加了由 Finsweet 制作的外部脚本到我的网站。

我想在执行 Finsweet 的脚本后用我自己的脚本对页面进行一些更改，但受限于我对异步 JavaScript 和 HTML 代码中 JavaScript 的使用的了解。

它看起来像这样：

<!-- [Attributes by Finsweet] CMS Slider -->
<script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsslider@1/cmsslider.js"></script>
<script>
  // my own script
</script>

将我自己的脚本放在结束 

</body>
标记之前仍然不足以让外部脚本完全执行。

我想要一个干净的解决方案，避免使用计时器，因为我知道我也受到 Webflow 环境的限制。

javascript html webflow asynchronous-javascript external-script
1个回答
0
投票

首先，F'insweet 代码标签应该放置在您的标题标签中（根据他们的文档）。

如果您想确保自定义脚本仅在 F'insweet 的脚本之后开始执行，您可以将 defer 属性添加到脚本标记的 F'insweet 末尾，如下所示：

<script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsslider@1/cmsslider.js" defer ></script>

希望这有帮助！

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.