كيف يمكنني اعاده تحميل الصفحه باستخدام الjavascript ؟؟

لإضافة زر يقوم بإعادة تحميل الصفحة داخل المتصفح باستخدام لغة الجافاسكريبت، يمكن استخدام الكود التالي:

<button onclick="location.reload()">إعادة التحميل</button>

سيقوم هذا الزر بإعادة تحميل الصفحة عند الضغط عليه. يتم ذلك باستخدام دالة `reload()` المتاحة في لغة الجافاسكريبت والتي تقوم بإعادة تحميل الصفحة الحالية.

يمكنك استخدام الدالة location.reload  لإعادة تحميل عنوان URL الحالي. تعمل هذه الطريقة بشكل مشابه لزر "تحديث" في المتصفح.

مثال بسيط على ذلك 

<button type="button" onClick="window.location.reload()">
   Reload Page
</button>

بدلاً من ذلك ، يمكنك تحديث صفحة باستخدام طريقة history.go لتحميل صفحة معينة من محفوظات الجلسة أو للرجوع للخلف أو للأمام من خلال محفوظات الجلسة. تأخذ هذه الطريقة وسيطة واحدة ،  تشير إلى الموضع في التاريخ للانتقال إليه و إذا لم تقم بإضافة أي وسيطة أو قمت بتعيين  0 ، فإن طريقة history.go () لها نفس تأثير استدعاء location.reload () وسيتم إعادة تحميل الصفحة الحالية.

  history.go(0);

ويعتبر الدالة location.reload تعمل على جميع المتصفحات

يمكنك تحقيق ذلك بإستخدام الدالة  

location.reload()

حيث تقوم تلك الدالة بإعادة تحميل الصفحة , فيمكنك إذًا إعطاء الحدث onclick للزر الدالة location.reload كما بالشكل التالي 

<button onclick="location.reload()">click</button>

بجانب ما اقترحه المدربون يمكنك اعادة التوجيه الى رابط الوجهة الحالية عن طريق:

window.location.href = window.location.pathname + window.location.search + window.location.hash;

Document.location

الإجابات السابقة أجابت على سؤالك بخصوص إعادة تحميل الصفحة، لكنك لم تذكر السبب الذي من أجله تريد إعادة تحميل الصفحة؟ 

فمثلا إذا كنت تريد عمل Reset للعبة في المتصفح لإعادة اللعبة من البداية، فالأفضل القيام بالتالي:

1- أضف زر reset إلى صفحة اللعبة باستخدام عنصر HTML button.

<button id="reset-button">Reset Game</button>

2- قم بإنشاء دالة في جافاسكريبت تتحكم في إعادة تعيين قيم اللعبة إلى الوضع الأصلي.

function resetGame() {
  // قم بإعادة تعيين جميع قيم اللعبة إلى الوضع الأصلي
  // مثال: إذا كان لديك لعبة تتكون من صورة وعنوان، يمكنك تعيين src الصورة إلى الصورة الأصلية ونص العنوان إلى النص الأصلي
  document.getElementById('game-image').src = 'original-image.png';
  document.getElementById('game-title').textContent = 'عنوان اللعبة الأصلي';
    document.getElementById('game-score').textContent = '0';

}

3- استخدم الزر الذي أضفته في الخطوة الأولى لاستدعاء الدالة التي أنشأتها في الخطوة الثانية.

const resetButton = document.getElementById('reset-button');
resetButton.addEventListener('click', resetGame);

تذكر أن تعيد جميع القيم في اللعبة إلى حالتها الأصلية في الدالة التي أنشأتها في الخطوة الثانية. يمكنك أيضًا تحديث الواجهة الرسومية لتعكس الحالة الجديدة للعبة.