اجرای تابع بعد لود کامل صفحه

<br> > میتونی از windows.onload استفاده کنی ... <br> البته اون window.onLoad هست نه windows.onload  ;) ___ چون عبارت کامل رو بکار بردید از همون رویداد `load` میشه استفاده کرد. `load` زمانی اتفاق میفته که DOM توسط مرورگر اماده شده و تمامی منابع بصورت کامل بارگذاری شدن.

<script>
  window.addEventListener("load", function(event) {
    console.log("All resources finished loading!");
  });
</script

البته در اکثر مواقع نیازی به استفاده از load نیست و از همون DOMContentLoaded یا ready جی کوئری باید استفاده کرد.

در مورد شما شاید کدهای جاوا اسکریپت رو داخل المنت head گذاشتید که بجز در موارد ضروری کار اشتباهی هست و باید قبل از تگ </body> بگذارید که احتمالا با این روش مشکل شما حل میشه.

همچنین از این روش میتونید برای المنتهای خاص مثل تصاویر، استایلها و.. که منابع خارجی رو لود میکنن در صفحه استفاده کنید (وقتی که المنت خاصی در صفحه بارگذاری شده اجرا میشه):

document.querySelector('img.my-image').addEventListener('load', function(){
  // The image is ready!
});

توضیحات MDN درباره load
توضیحات MDN درباره DOMContentLoaded