仅在加载整个页面后执行JS

Question

我正在尝试优化一块JS（这是公司的详细信息 - 地址，电话号码等验证徽章）。我真的不需要它，但它从两个不同的CDN中提取信息，这加起来我的页面速度。

这条线看起来像这样：

<script src="https://d20iczrsxk7wft.cloudfront.net/botwverified/badge.js?id=1234567"></script>

有可能（jquery已经加载了其他东西）只在页面完全加载后出现或加载？可能是JS？我对JS一无所知。我的页面加载时间为1.5秒，此徽章需要额外的第二次加载。

谢谢！

Answer 1

您可以使用jQuery动态加载脚本。

<script>
$(document).ready(function() {
    $.getScript("https://d20iczrsxk7wft.cloudfront.net/botwverified/badge.js?id=1234567");
});
</script>

ready()函数在页面加载后调用该函数。

Answer 2

如果您使用的是Javascript，window.onload将完成这项工作。