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