Решение для создания справки приложения

/**
 * app.js - общий скрипт для всех страниц
 * Загружается на каждой странице (/pages/*.html)
 */
 
document.addEventListener('DOMContentLoaded', function() {
    // 1. Общие элементы (шапка, меню, подвал)
    initSharedLayout();
 
    // 2. Можно добавить обработчики для всех страниц
    initGlobalEvents();
 
    // 3. Если нужно SPA-поведение (переход без перезагрузки)
    initSPANavigation();
});
 
// ===== 1. Общие элементы (шапка, меню, подвал) =====
function initSharedLayout() {
    // Вставляем меню на каждой странице
    const menuHtml = `
        <nav class="main-menu">
            <a href="index.html">Главная</a>
            <a href="intro.html">Введение</a>
            <a href="install.html">Установка</a>
        </nav>
    `;
    
    const header = document.createElement('header');
    header.innerHTML = menuHtml;
    document.body.prepend(header);
 
    // Можно добавить подвал
    const footer = document.createElement('footer');
    footer.innerHTML = `<p>© 2024 Программа v1.0</p>`;
    document.body.append(footer);
}
 
// ===== 2. Глобальные обработчики (для всех страниц) =====
function initGlobalEvents() {
    // Пример: подсветка текущей страницы в меню
    const currentPage = window.location.pathname.split('/').pop();
    document.querySelectorAll('.main-menu a').forEach(link => {
        if (link.getAttribute('href') === currentPage) {
            link.classList.add('active');
        }
    });
 
    // Можно добавить другие общие скрипты
    console.log("Этот код выполняется на каждой странице!");
}
 
// ===== 3. Опционально: S-переход без перезагрузки =====
function initSPANavigation() {
    document.querySelectorAll('.main-menu a').forEach(link => {
        link.addEventListener('click', function(e) {
            e.preventDefault();
            const pageUrl = this.getAttribute('href');
            
            // Загружаем новую страницу через fetch (если поддерживается)
            if (typeof fetch !== 'undefined') {
                fetch(pageUrl)
                    .then(res => res.text())
                    .then(html => {
                        const parser = new DOMParser();
                        const newDoc = parser.parseFromString(html, 'text/html');
                        document.body.innerHTML = newDoc.body.innerHTML;
                        window.history.pushState({}, '', pageUrl);
                    })
                    .catch(err => {
                        // Если fetch не сработал, просто переходим по ссылке
                        window.location.href = pageUrl;
                    });
            } else {
                window.location.href = pageUrl;
            }
        });
    });
}