Web History API
في هذا الدرس سوف نتعرف علي طريقة الوصول الي الصفحات السابقة والتالية والوصول الي المعلومات المخزنة في صفحات الويب باستخدام ال API
التاريخ
14 نوفمبر 2021
الدروس
146
المستوى
العامة
اللغة
انجليزي
المشاهدات
1266
المواضيع
24
الشروحات chevron_left Web History API chevron_left JavaScript
Web History API
</> 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 | تستخدم في تحميل صفحة معين تقوم بتحديد العنوان الخاص بها |