کانال تلگرام
انواع کد رفرش صفحه وب

باسلام و درود فراوان، امروز در این پست برای شما عزیزان انواع کدهای رفرش صفحه وب آماده کردیم، که با استفاده از آن در صفحه وب خود می‌توانید صفحه‌ی مورد نظر خود را رفرش کنید.

برای دریافت کد به ادامه مطلب بروید…

کد اول:

این کد به صورت Meta Tag می‌باشد، و با قرار دادن آن در قسمت Head وب خود و تنظیم زمان آن به صورت خودکار صفحه وب شما رفرش خواهد شد.

استفاده از این کد ممکن است در بعضی از صفحات وب مناسب باشد اما در برخی موارد ممکن است که باعث ایجاد ازار و اذیت کاربر شود 😁😁

کد به صورت زیر نوشته می‌شود:

 

<meta http-equiv=”refresh” content=”30″>

 

دقت کنید که کد را باید در قسمت <head> سایت خود وارد کنید.

زمان رفرش شدن صفحه در کد بالا بر روی 30 ثانیه تنظیم شده است، شما با تغییر دادن مقدار 30 می‌توانید زمان مد نظر خود را وارد کنید.

 

کد دوم:

کد شماره‌ی دوم با استفاده از جاوا اسکریپت نوشته می‌شود.

شما می‌توانید این کد را به یک دکمه در صفحه وب خود دهید تا هر زمان که کاربر نیاز داشت صفحه را رفرش کند.
در این کد از متد Location reload() استفاده خواهیم کرد.

شما به این صورت می‌توانید کد رفرش صفحه با استفاده از دکمه ایجاد کنید:

 

<button onclick=”location.reload()”>Reload Page</button>

 

پیش نمایش:

با کلیک بر روی دکمه زیر صفحه جاری رفرش خواهد شد.

 

 

اما، هچنین می‌توانید از این کد با مشخص کردن یک زمان صفحه را به صورت خودکار رفرش کنید.

به این صورت:

 

<script>
setTimeout( function(){
location.reload();
}, 30000 );
</script>

 

کد بالا دیگر نیازی به دکمه نخواهد داشت و کافیست با قرار دادن کد در صفحه خود از آن استفاده کنید.

برای تغییر دادن زمان رفرش صفحه در کد بالا مقدار 30000 (30 ثانیه) را تغییر دهید.

نوشته شده در : پنجشنبه 16 نوامبر 2017
  • نوشته ها : 8
    برنامه نویس و توسعه دهنده وب
    باسلام و درود فراوان به شما عزیزان. ابوالفضل مهرورز هستم مدیر و نویسنده سایت اینگونه. تخصصم در زمینه برنامه نویسی و توسعه ی وب هست کمی هم در زمینه گرافیک و طراحی مهارت دارم. از سال 1394 شروع به یاد گیری برنامه نویسی و طراحی کردم.
    آخرین نوشته های Abolfazl Mehrvarz
    برای با خبر شدن از جدیدترین ارسالی های سایت در کانال تلگرام ما عضو شوید.JOIN CHANNEL
    ارسال دیدگاه
    You can use the HTML tags.

    No comment.