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

Web History API

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

أقسام الدرس
5
الأمثلة
3
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
3,324
محتوى الدرس
في هذا الدرس 5تصفّح المواضيع

Web History API

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



History back() Method

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

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

History back() Method

Example

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

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

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

History forward() Method

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

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

History forward() Method

Example

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

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

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

History go() Method

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

Example

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

HTML
<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تستخدم في تحميل صفحة معين تقوم بتحديد العنوان الخاص بها


مشاركة

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

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