انتقل إلى محتوى الدرس
الدرس 111
دورة جافا سكريبت

Web History API

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

أقسام الدرس
5
الأمثلة
3
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
3,430
محتوى الدرس
في هذا الدرس 5تصفّح المواضيع
  • Windows.history  : هو عبارة عن object يتم تخزين بداخله عناوين مواقع وصفحات الويب التي قمت بزيارتها 
  • Web History API : هو عبارة عن API يحتوي علي دوال تسهل لك عملية الحصول علي عناوين الصفحات والمواقع المخزنة بداخل ال object الذي يسمي "Windows.history" 



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

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

History back() Method

Example

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

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

استخدم الإدخالات المرقمة داخل المعاينة قبل زر التاريخ الأصلي.

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

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

History forward() Method

Example

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

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

استخدم الإدخالات المرقمة داخل المعاينة قبل زر التاريخ الأصلي.

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

Example

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

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

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

استخدم الإدخالات المرقمة داخل المعاينة قبل زر التاريخ الأصلي.

Properties 

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

Methods


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


مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…