انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #2 من درس: كائن Window History في لغة جافا سكريبت

Properties of the Window History object in JavaScript خصائص كائن Window History في لغة جافا سكريبت

سوف تتعلم في هذا الدرس ،على كائن Window History في لغة جافا سكريبت، والذي يسمح بمعالجة الصفحات التي تمت زيارتها. ,وسوف تتعلم كيفية استخدام خصائص الكائن وطرقه للتنقل عبر سجل المحفوظات ، بالإضافة إلى كيفية اكتشاف التغييرات في السجل.

1 صفوف تعليمية
جافا سكريبت
3,637 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يحتوي كائن Window History في لغة جافا سكريبت على خاصيتين رئيسيتين تسمحان لك بالوصول إلى معلومات حول سجل الصفحات لموقع ويب وهم:

  • length تمثل هذه الخاصية عدد العناصر عناوين URL في سجل قائمة المحفوظات للنافذة الحالية. إنها خاصية للقراءة فقط ، مما يعني أنه يمكن استخدامها لاسترداد قيمة بعدد العناصر فقط، لكن لا يمكن تعيين قيمة جديدة لها.
  • state تحتوي هذه الخاصية على كائن الحالة المرتبط بإدخال السجل الحالي. يمكن استخدام هذا الكائن لتخزين البيانات الخاصة بالتطبيق ، مثل موضع التمرير الحالي أو بيانات النموذج ، والتي يمكن استخدامها لاستعادة حالة التطبيق عندما ينتقل المستخدم مرة أخرى إلى الصفحة أو لحفظ معلومات أخري مثل متغيرات أو كائنات أو مصفوفات واستعراضها في وقت لاحق.

window history length in javascript

تمثل هذه الخاصية عدد العناصر عناوين URL في سجل قائمة المحفوظات للنافذة الحالية في لغة جافا سكريبت.

HTML 
<!DOCTYPE html>
<html>
<body>
<h1>window history length in javascript</h1>
<p id="info">URL will display here<p>
<script>
let info = document.getElementById('info');
info.innerHTML = "History length is <br/>" + history.length;
</script>
</body>
</html>
جرّب بنفسك

Window History state in JavaScript

تحتوي هذه الخاصية على كائن الحالة المرتبط بإدخال السجل الحالي في لغة جافا سكريبت.

HTML 
<!DOCTYPE html>
<html>
<body>
<h1>Window History state in JavaScript</h1>
<p id="info">URL will display here<p>
<script>
let info = document.getElementById('info');
info.innerHTML = "History state is <br/>" + history.state;
</script>
</body>
</html>
جرّب بنفسك

جميع فقرات هذا الدرس (كائن Window History في لغة جافا سكريبت)