في بعض الأحيان ، يرغب المطورون في تحديث صفحة الويب بشكل متكرر أثناء إنشاء تطبيقات الويب ، مثل المدونات أو مواقع الويب حيث قد تختلف المحتويات وفقًا لإجراءات المستخدم. سيتم عرض أي معلومات محدثة بناءً على تفاعلات المستخدم هذه عند تحديث الصفحة أو إعادة تحميلها. لهذا الغرض ، تقدم JavaScript بعض الطرق التي تم إنشاؤها مسبقًا والتي سيتم مناقشتها أدناه.
سيوضح هذا المنشور طرق إعادة تحميل الصفحة باستخدام JavaScript.
كيف يمكن إعادة تحميل صفحة باستخدام JavaScript؟
لإعادة تحميل الصفحة أو تحديثها ، استخدم الطرق التالية في JavaScript:
الطريقة الأولى: إعادة تحميل صفحة باستخدام طريقة إعادة التحميل ()
استخدم ال ' location.Reload () 'لإعادة تحميل الصفحة. إنه يعمل تمامًا مثل زر تحديث المتصفح. ال ' إعادة تحميل() 'مسؤولاً عن إعادة تحميل الصفحة ، بينما' موقعك 'هو واجهة تشير إلى الموقع الفعلي (URL) للكائن المرتبط به. يمكن الوصول إلى عنوان URL للصفحة المراد تحديثها إما عن طريق ' المستند ' أو ' window.location '.
بناء الجملة
استخدم الصيغة التالية لإعادة تحميل الصفحة الحالية باستخدام طريقة () إعادة التحميل:
window.location.reload ( ) ؛مثال 1: تحديث عند النقر فوق الزر
إنشاء زر وإرفاق ' عند النقر 'عليه والذي سيستدعي جافا سكريبت المحدد مسبقًا' إعادة تحميل() ' طريقة:
< زر عند النقر = 'window.location.reload ()' > تحديث / إعادة تحميل الصفحة زر >يشير الإخراج إلى تحديث الصفحة أو إعادة تحميلها بنقرة زر:
مثال 2: التحديث التلقائي باستخدام طريقة setTimeout () مع طريقة إعادة التحميل ()
اضبط وقت التحديث التلقائي للصفحة باستخدام الزر ' setTimeout () ' طريقة. أولاً ، سنحدد طريقة ' تحديث() 'الذي يستغرق فترة زمنية كمعامل لتحديث الصفحة بعد ذلك الوقت. قم باستدعاء طريقة setTimeout () ثم قم باستدعاء طريقة إعادة التحميل ():
وظيفة تحديث ( الوقت ) {setTimeout ( ( ) = > {
document.location.reload ( حقيقي ) ؛
} و الوقت ) ؛
}
هنا ، سنقوم بتعيين الوقت 2 ثانية لتحديث الصفحة بعد كل ثانيتين:
window.onload = تحديث ( 2000 ) ؛كما ترى يتم تحديث الصفحة تلقائيًا بعد ثانيتين:
الطريقة الثانية: إعادة تحميل صفحة باستخدام طريقة go ()
هناك طريقة أخرى لتحديث الصفحة وهي ' history.go () ' طريقة. يمكن استخدام إعطاء قيمة موجبة أو سلبية كالمعتاد للتحرك للخلف أو للأمام. للتحديث ، مرر ' 0 'قيمة محايدة أو لا شيء.
بناء الجملة
اتبع بناء الجملة المحدد لإعادة تحميل الصفحة:
history.go ( )مثال
هنا ، سوف نسمي ' history.go () 'في حدث النقر على الزر:
< زر عند النقر = 'history.go ()' > تحديث / إعادة تحميل الصفحة زر >انتاج |
هذا كل شيء عن إعادة تحميل / تحديث صفحات الويب باستخدام جافا سكريبت.
استنتاج
لإعادة تحميل صفحة ويب باستخدام JavaScript ، استخدم ' window.location.reload () 'أو' history.go () ' طريقة. طريقة إعادة التحميل () هي الطريقة الأكثر استخدامًا لإعادة تحميل صفحات الويب أو تحديثها. يوضح هذا المنشور طرق تحديث الصفحة باستخدام JavaScript.