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

حل شده 

JavaScript

توسط sorhrabl در 1 سال پیش
2 31.6k 4 1 سال پیش
sorhrabl mrbot kingblogg reza-irdev
1

سلام. آیا راهی وجود داره که من بتونم یک تابه رو وقتی صفحه ام کاملا لود شد بتونم اجرا کنم؟ الان اجرا میکنم خطای undefined برام میاد.

پاسخ ها

2

> میتونی از windows.onload استفاده کنی ...
البته اون 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

آخرین ویرایش: 12-03-2018 ساعت 11:08، توسط Reza دلیل: توضیحات بیشتر
2

برای این کار باید از جاوا کمک بگیرید به کد زیر دقت کنید

$(document).ready(function(){
//بد از لود کامل صفحه کد هایی که  اینجا باشد اجرا میشود
	});
2

میتونی از windows.onload استفاده کنی ...

0

> البته اون window.onLoad هست نه windows.onload Wink
بله اشتباه شد :)

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.

لطفا ابتدا لاگین کنید