في هذا الدرس 5تصفّح المواضيع
- Windows.history : هو عبارة عن object يتم تخزين بداخله عناوين مواقع وصفحات الويب التي قمت بزيارتها
- Web History API : هو عبارة عن API يحتوي علي دوال تسهل لك عملية الحصول علي عناوين الصفحات والمواقع المخزنة بداخل ال object الذي يسمي "Windows.history"
تقوم الدالة ( )back بتحميل الصفحة السابقة التي تم تخزينها بداخل قائمة العناوين الموجودة بداخل ال object التالي "Windows.history"
- وهي تمثل تماما كأنك قمت بالضغط علي زر "الرجوع للخلف " في المتصفح
Example
<button onclick="myFunction()">Go Back</button>
<script>
function myFunction() {
window.history.back();
}
</script>
استخدم الإدخالات المرقمة داخل المعاينة قبل زر التاريخ الأصلي.
تقوم الدالة ( )forward بتحميل الصفحة التاليه التي تم تخزينها بداخل قائمة العناوين الموجودة بداخل ال object التالي "Windows.history"
- وهي تمثل تماما كأنك قمت بالضغط علي زر "الذهاب للأمام " في المتصفح
Example
<button onclick="myFunction()">Go Back</button>
<script>
function myFunction() {
window.history.back();
}
</script>
استخدم الإدخالات المرقمة داخل المعاينة قبل زر التاريخ الأصلي.
تستخدم الدالة ( )go في تحديد عنوان معين مخزن بداخل ال object التالي "Windows.history" لتقوم بالانتقال اليه
Example
المثال التالي يقوم بتغيير العنوان الحالي الخاص بك الي اخر عنوانين اي كأنما قمت بالضغط علي زر الرجوع مرتين
<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 | تستخدم في تحميل صفحة معين تقوم بتحديد العنوان الخاص بها |
سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.