MediaWiki:Common.js

来自部落与弯刀Wiki

Skyswordkill讨论 | 贡献2025年6月10日 (二) 18:34的版本

注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:前往菜单 → 设置(Mac为Opera → Preferences),然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件
/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */
(function () {
    function initTocHighlighter() {
        const tocLinks = Array.from(document.querySelectorAll("#toc a"));
        if (tocLinks.length === 0) {
            console.warn("TOC 高亮:未找到目录链接");
            return;
        }

        const sections = tocLinks.map(link => {
            const rawId = link.getAttribute("href").slice(1); // 去除 # 前缀
            const target = document.getElementById(rawId) || document.querySelector(`[id="${CSS.escape(rawId)}"]`);
            return target ? { link, target } : null;
        }).filter(Boolean);

        if (sections.length === 0) {
            console.warn("TOC 高亮:未能匹配任何章节");
        }

        function updateHighlight() {
            const scrollY = window.scrollY + 120;
            let current = null;

            for (let section of sections) {
                if (section.target.offsetTop <= scrollY) {
                    current = section;
                } else {
                    break;
                }
            }

            tocLinks.forEach(link => link.classList.remove("active-section"));
            if (current) {
                current.link.classList.add("active-section");
                console.log("当前章节:", current.link.textContent);
            }
        }

        window.addEventListener("scroll", updateHighlight);
        updateHighlight();
        console.log("📘 TOC 高亮脚本已初始化,监测段落数:", sections.length);
    }

    // 加载完成后执行:保险起见用双触发机制
    document.addEventListener("DOMContentLoaded", () => {
        requestAnimationFrame(() => {
            initTocHighlighter();
        });
    });
})();