僅在加載整個頁面后執行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將完成此工作。