JavaScript

Web History API

في هذا الدرس سوف نتعرف علي طريقة الوصول الي الصفحات السابقة والتالية والوصول الي المعلومات المخزنة في صفحات الويب باستخدام ال API

التاريخ

14 نوفمبر 2021

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

1266

المواضيع

24
الشروحات chevron_left Web History API chevron_left JavaScript

Web History API

مراجعة تقنية
Mostafa Hefny

Mostafa Hefny

CEO & Founder CloseTag

</> Web History API

  • Windows.history  : هو عبارة عن object يتم تخزين بداخله عناوين مواقع وصفحات الويب التي قمت بزيارتها 
  • Web History API : هو عبارة عن API يحتوي علي دوال تسهل لك عملية الحصول علي عناوين الصفحات والمواقع المخزنة بداخل ال object الذي يسمي "Windows.history" 



</> History back() Method

تقوم الدالة ( )back بتحميل الصفحة السابقة التي تم تخزينها بداخل قائمة العناوين الموجودة بداخل ال object التالي "Windows.history"

- وهي تمثل تماما كأنك قمت بالضغط علي زر "الرجوع للخلف " في المتصفح 

Example
<button onclick="myFunction()">Go Back</button>

<script>
function myFunction() {
  window.history.back();
}
</script>

</> History forward() Method

تقوم الدالة ( )forward بتحميل الصفحة التاليه التي تم تخزينها بداخل قائمة العناوين الموجودة بداخل ال object التالي "Windows.history"

- وهي تمثل تماما كأنك قمت بالضغط علي زر "الذهاب للأمام " في المتصفح 

Example
<button onclick="myFunction()">Go Back</button>

<script>
function myFunction() {
  window.history.back();
}
</script>

</> History go() Method

تستخدم الدالة ( )go في تحديد عنوان معين مخزن بداخل ال object التالي "Windows.history" لتقوم بالانتقال اليه 

Example

المثال التالي يقوم بتغيير العنوان الحالي الخاص بك الي اخر عنوانين اي كأنما قمت بالضغط علي زر الرجوع مرتين

<button onclick="myFunction()">Go Back 2 Pages</button>

<script>
function myFunction() {
  window.history.go(-2);
}
</script>

</> History Object Properties and Methods

Properties 

Property                                                  Description
lengthتقوم بأرجاع قيمة عدد العناوين المخزنة في قائمة العناوين

Methods


Method                                   Description                       
( )backتستخدم في تحميل اخر عنوان قمت بزيارته قبل هذه الصفحة
( )forward تستخدم في تحميل الصفحة التي تلي الصفحة المتواجد خلالها
( )goتستخدم في تحميل صفحة معين تقوم بتحديد العنوان الخاص بها


معلومات تهمك
  • لا تنس تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنس مشاركة الموقع مع أصدقائك حتى تعمّ الفائدة وتكون سببًا في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات