۵ روش اجرای یک کد بعد از لود شدن کامل صفحه

۵ روش اجرای یک کد بعد از لود شدن کامل صفحه

در طراحی صفحات وب گاهی اوقات نیاز هست که هنگام اجرای صفحه یک تابع یا کد جاوا اسکریپت (جی کوئری) اجرا شود. به این عمل اصطلاحا Document Ready گفته می شود. یعنی هنگامی که صفحه کاملا لود شد یک عمل خاص از پیش تعیین شده انجام شود. فرض کنید من میخواهم هنگام ورود کاربر یک پیام خوش آمدگویی به او نشان دهم. کد نمایش پیام بصورت زیر می باشد:

alert('کاربر گرامی به وب سایت ما خوش آمدید');

حالا اگر بخواهیم این دستور هنگام لود شدن صفحه اجرا بشه باید چکار کنیم؟ کافیه یکی از 5 روش زیر را انتخاب، و از آن استفاده کنید:

1 –

$(document).ready(function() {
    alert('کاربر گرامی به وب سایت ما خوش آمدید');
});

 2 –

$(function(){ 
    alert('کاربر گرامی به وب سایت ما خوش آمدید');
});

3 –

jQuery(document).ready(function($) {
    alert('کاربر گرامی به وب سایت ما خوش آمدید');
});

4 –

$(window).load(function(){  
    alert('کاربر گرامی به وب سایت ما خوش آمدید');
});

 5 – روش آخر یه ترکیبی از html و javascript هست. در این روش ابتدا ما یک تابع شامل دستور های مورد نظر خود می سازیم سپس با استفاده از صفت onload در تگ body آن را فراخوانی می کنیم:

.
.
.
<script>
function LoadMyalert() {
    alert('کاربر گرامی به وب سایت ما خوش آمدید');
}  
</script>
<body onLoad="LoadMyalert()">
.
.
.

قابل ذکر است که کارایی تمام کد های بالا، جدای از روش اجرایی آن، یکسان است. تصمیم با شماست. کدام روش را می پسندید؟

6 thoughts on “۵ روش اجرای یک کد بعد از لود شدن کامل صفحه

  1. سلام
    ممنون عالی بود
    یک سوال اگر بخواهیم فقط یک بار پیغام نمایش داده بشه ؛ یعنی اینکه با رفرش کردن صفحه دوباره پیغام نده، راهی هست؟

  2. سلام من می خواستم ببینم اگه یه گیف یا عکس رو به خوام در بدو ورود نمایش بدم باید چکار کنم لطفا کمک کنید خیلی موضوع حیاطیه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.