仅在加载整个页面后执行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将会完成这项工作。