MediaWiki:Common.js - 版本历史

2025年6月10日 (二) 10:57 Skyswordkill

2025-06-10T10:57:15Z

2025年6月10日 (二) 10:55 Skyswordkill

2025-06-10T10:55:10Z

2025年6月10日 (二) 10:54 Skyswordkill

2025-06-10T10:54:58Z

2025年6月10日 (二) 10:37 Skyswordkill

2025-06-10T10:37:16Z

2025年6月10日 (二) 10:36 Skyswordkill

2025-06-10T10:36:22Z

Skyswordkill：以“/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */ console.log("测试js加载");”替换内容

2025-06-10T10:35:47Z

以“这里的任何JavaScript将为所有用户在每次页面载入时加载。： console.log("测试js加载");”替换内容

2025年6月10日 (二) 10:34 Skyswordkill

2025-06-10T10:34:57Z

2025年6月10日 (二) 10:34 Skyswordkill

2025-06-10T10:34:05Z

2025年6月10日 (二) 10:26 Skyswordkill

2025-06-10T10:26:45Z

2025年6月10日 (二) 10:25 Skyswordkill

2025-06-10T10:25:01Z

@@ 第42行： / 第42行： @@
 	updateHighlight();
 	console.log("📘 TOC 高亮脚本初始化成功，监听段落数：", sections.length);
+}
 initToc();

@@ 第60行： / 第60行： @@
          document.body.appendChild(btn);
+     }
+}
 initToc();
 initMobileToc();

@@ 第42行： / 第42行： @@
 	updateHighlight();
 	console.log("📘 TOC 高亮脚本初始化成功，监听段落数：", sections.length);
+}
 initToc();

@@ 第1行： / 第1行： @@
 /* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */
-var tocLinks = Array.prototype.slice.call(document.querySelectorAll("#toc a"));
+function initToc() {
-if (tocLinks.length === 0) {
+	var tocLinks = Array.prototype.slice.call(document.querySelectorAll("#toc a"));
-    console.warn("TOC 高亮：未找到目录链接");
+	if (tocLinks.length === 0) {
-    return;
+	    console.warn("TOC 高亮：未找到目录链接");
+}
-var sections = tocLinks.map(function (link) {
+initToc();

←上一版本		2025年6月10日 (二) 10:36的版本
第1行：		第1行：
	/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */		/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */
−	console.log("~~测试js加载~~");	+	var tocLinks = Array.prototype.slice.call(document.querySelectorAll("#toc a"));
		+	if (tocLinks.length === 0) {
		+	console.warn("TOC 高亮：未找到目录链接");
		+	return;
		+	}
		+
		+	var sections = tocLinks.map(function (link) {
		+	var rawId = link.getAttribute("href").slice(1); // 去除 #
		+	var target = document.getElementById(rawId) \|\| document.querySelector('[id="' + CSS.escape(rawId) + '"]');
		+	return target ? { link: link, target: target } : null;
		+	}).filter(function (s) { return s !== null; });
		+
		+	if (sections.length === 0) {
		+	console.warn("TOC 高亮：未能匹配任何章节");
		+	}
		+
		+	function updateHighlight() {
		+	var scrollY = window.scrollY + 120;
		+	var current = null;
		+
		+	for (var i = 0; i < sections.length; i++) {
		+	if (sections[i].target.offsetTop <= scrollY) {
		+	current = sections[i];
		+	} else {
		+	break;
		+	}
		+	}
		+
		+	tocLinks.forEach(function (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);

←上一版本		2025年6月10日 (二) 10:35的版本
第1行：		第1行：
	/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */		/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */
−	~~document.addEventListener("DOMContentLoaded", function () {~~	+	console.log("测试js加载");
−	~~setTimeout(function () {~~
−	~~var tocLinks = Array.prototype.slice.call(document.querySelectorAll("#toc a"));~~
−	~~if (tocLinks.length === 0) {~~
−	~~console.warn("TOC 高亮：未找到目录链接");~~
−	~~return;~~
−	}
−
−	~~var sections = tocLinks.map(function (link) {~~
−	~~var rawId = link.getAttribute("href").slice(1); // 去除 #~~
−	~~var target = document.getElementById(rawId) \|\| document.querySelector('[id="' + CSS.escape(rawId) + '"]');~~
−	~~return target ? { link: link, target: target } : null;~~
−	~~}).filter(function (s) { return s !== null; });~~
−
−	~~if (sections.length === 0) {~~
−	~~console.warn("TOC 高亮：未能匹配任何章节");~~
−	}
−
−	~~function updateHighlight() {~~
−	~~var scrollY = window.scrollY + 120;~~
−	~~var current = null;~~
−
−	~~for (var i = 0; i < sections.length; i++) {~~
−	~~if (sections[i].target.offsetTop <= scrollY) {~~
−	~~current = sections[i];~~
−	~~} else {~~
−	~~break;~~
−	}
−	}
−
−	~~tocLinks.forEach(function (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);~~
−	~~}, 0);~~
−	});

@@ 第1行： / 第1行： @@
 /* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */
-(function () {
+document.addEventListener("DOMContentLoaded", function () {
-     function initTocHighlighter() {
+     setTimeout(function () {
-         const tocLinks = Array.from(document.querySelectorAll("#toc a"));
+         var tocLinks = Array.prototype.slice.call(document.querySelectorAll("#toc a"));
          if (tocLinks.length === 0) {
              console.warn("TOC 高亮：未找到目录链接");
@@ 第8行： / 第8行： @@
+         }
-         const sections = tocLinks.map(link => {
+         var sections = tocLinks.map(function (link) {
-             const rawId = link.getAttribute("href").slice(1); // 去除 # 前缀
+             var rawId = link.getAttribute("href").slice(1); // 去除 #
-             const target = document.getElementById(rawId) || document.querySelector(`[id="${CSS.escape(rawId)}"]`);
+             var target = document.getElementById(rawId) || document.querySelector('[id="' + CSS.escape(rawId) + '"]');
-             return target ? { link, target } : null;
+             return target ? { link: link, target: target } : null;
-         }).filter(Boolean);
+         }).filter(function (s) { return s !== null; });
          if (sections.length === 0) {
@@ 第19行： / 第19行： @@
          function updateHighlight() {
-             const scrollY = window.scrollY + 120;
+             var scrollY = window.scrollY + 120;
-             let current = null;
+             var current = null;
-             for (let section of sections) {
+             for (var i = 0; i < sections.length; i++) {
-                 if (section.target.offsetTop <= scrollY) {
+                 if (sections[i].target.offsetTop <= scrollY) {
-                     current = section;
+                     current = sections[i];
                  } else {
                      break;
@@ 第30行： / 第30行： @@
+             }
-             tocLinks.forEach(link => link.classList.remove("active-section"));
+             tocLinks.forEach(function (link) {
              if (current) {
                  current.link.classList.add("active-section");
@@ 第39行： / 第42行： @@
          window.addEventListener("scroll", updateHighlight);
          updateHighlight();
-         console.log("📘 TOC 高亮脚本已初始化，监测段落数：", sections.length);
+         console.log("📘 TOC 高亮脚本初始化成功，监听段落数：", sections.length);
+     }, 0);
 });

@@ 第3行： / 第3行： @@
      const tocLinks = Array.from(document.querySelectorAll("#toc a"));
      const sections = tocLinks.map(link => {
-         const target = document.getElementById(decodeURIComponent(link.getAttribute("href").substring(1)));
+         const id = decodeURIComponent(link.getAttribute("href").slice(1));
-         return target ? { link, target } : null;
+        const el = document.getElementById(id);
      }).filter(Boolean);
-     function onScroll() {
+     function updateHighlight() {
-        let currentSection = null;
+         const scrollPosition = window.scrollY + 120;
-         for (let i = 0; i < sections.length; i++) {
+         let current = null;
-             const sectionTop = sections[i].target.offsetTop;
+        for (const section of sections) {
-            if (scrollTop >= sectionTop) {
+             if (section.target.offsetTop <= scrollPosition) {
-                 currentSection = sections[i];
+                 current = section;
              } else {
                  break;
@@ 第20行： / 第23行： @@
+         }
          tocLinks.forEach(link => link.classList.remove("active-section"));
-         if (currentSection) {
-             currentSection.link.classList.add("active-section");
+        // 添加当前高亮
+         }
+     }
-     window.addEventListener("scroll", onScroll);
+    // 首次触发 + 滚动触发
-    onScroll(); // 初始加载时触发一次
+    updateHighlight();
 });