استخدام النوافذ والتوجيه في JavaScript

في JavaScript، يمكن استخدام النوافذ (Window) للتعامل مع الصفحات والتوجيه بينها بطرق مختلفة، كما يظهر في الكود التالي.

 استخدام النوافذ لعرض أقسام معينة

يتم استخدام النافذة (Window) لعرض أقسام (Sections) محددة بناءً على العنوان المرسل.

```javascript
function displayAllSections() {
// الحصول على جميع الأقسام وعرضها
var sections = document.querySelectorAll('section');
for (var section of sections) {
section.style.display = 'block';
}
}

// التحقق من وجود عنوان في عنوان الصفحة
if (window.location.hash.length > 0) {
var hash = window.location.hash,
_section = document.querySelector(hash);

if (_section != null) {
// عرض القسم المحدد
_section.style.display = 'block';

// إعداد مؤقت للعرض الزمني
var hashSlices = hash.substr(1).split('_'),
duration = hashSlices[hashSlices.length - 1];

if (_section.querySelector('.timer') != null) {
// إذا كان هناك عنصر توقيت، تحديث قيمة المؤقت
_section.querySelector('.timer').innerText = duration;
} else {
// إنشاء عنصر توقيت إذا لم يكن موجودًا
var timer = document.createElement('p');
timer.classList.add('timer');
timer.innerText = duration;
_section.append(timer);
}

// تحديث المؤقت بانتظام
var changeTimer = setInterval(function () {
var _timer = document.querySelector('.timer'),
timerDuration = Number(_timer.innerText);

_timer.innerText = timerDuration - 1;

}, 1000);

// إيقاف المؤقت عند الضغط على زر إيقاف المؤقت
var timeFunction = setTimeout(function () {
clearInterval(changeTimer);
var _timer = document.querySelector('.timer'),
_section = _timer.closest('section'),
_URL = _section.querySelector('.linkHidden');

_timer.remove();

_URL.style.display = 'block';

// التوجيه إلى الرابط المحدد
window.location.href = _URL.href;
// window.location.replace(_URL.href);

}, duration * 1000, changeTimer);

// إيقاف المؤقت عند الضغط على زر إيقاف المؤقت
_section.querySelector('.stopTimer').addEventListener('click', function () {
clearTimeout(timeFunction);
clearInterval(changeTimer);
});

} else {
// إذا لم يتم العثور على القسم المحدد، عرض جميع الأقسام
displayAllSections();
}

} else {
// عرض جميع الأقسام في حالة عدم وجود عنوان
displayAllSections();
}
```

 الاستفادة من النوافذ في JavaScript

يمكنك الآن استخدام هذا الكود لتحقيق توجيه ديناميكي وعرض محتويات الصفحة بناءً على البيانات المُرسلة في عناوين النوافذ.