https://www.zjsnrwiki.com/index.php?action=history&feed=atom&title=%E5%BE%AE%E4%BB%B6%3ATabberDefault 2026-06-19T18:20:27Z 本wiki上该页面的版本历史 MediaWiki 1.43.8 https://www.zjsnrwiki.com/index.php?title=%E5%BE%AE%E4%BB%B6:TabberDefault&diff=108184&oldid=prev 2025-05-18T01:57:46Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hans-CN"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上一版本</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2025年5月18日 (日) 09:57的版本</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">第1行：</td> <td colspan="2" class="diff-lineno">第1行：</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;script&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;includeonly&gt;</ins>&lt;script&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/********************* this comment is 80 characters long *********************/</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/********************* this comment is 80 characters long *********************/</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l107">第107行：</td> <td colspan="2" class="diff-lineno">第107行：</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>      </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>      </div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>})();</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>})();</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;/script&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;/script<ins style="font-weight: bold; text-decoration: none;">&gt;&lt;/includeonly</ins>&gt;</div></td></tr> <!-- diff cache key zjsnrwiki-zjsnrwiki_:diff:1.41:old-108183:rev-108184:php=table --> </table>

Donnyjie https://www.zjsnrwiki.com/index.php?title=%E5%BE%AE%E4%BB%B6:TabberDefault&diff=108183&oldid=prev 2025-05-18T01:56:33Z

<p>创建页面，内容为“&lt;script&gt; <span class="autocomment">******************** this comment is 80 characters long ********************：​</span> (function () { <span class="autocomment">setting strict mode and double-run prevention：​</span> &quot;use strict&quot;; if (window.andrewds1021 &amp;&amp; window.andrewds1021.tabber_default &amp;&amp; window.andrewds1021.tabber_default.has_run) return; if (!window.andrewds1021) { window.andrewds1021 = { tabber_default: {} }; } else if (!window.andrewds1021.tabber_d…”</p> <p><b>新页面</b></p><div>&lt;script&gt;<br /> /********************* this comment is 80 characters long *********************/<br /> <br /> (function () {<br /> <br /> /* setting strict mode and double-run prevention */<br /> <br /> &quot;use strict&quot;;<br /> if (window.andrewds1021 &amp;&amp; window.andrewds1021.tabber_default<br /> &amp;&amp; window.andrewds1021.tabber_default.has_run) return;<br /> if (!window.andrewds1021) {<br /> window.andrewds1021 = {<br /> tabber_default: {}<br /> };<br /> } else if (!window.andrewds1021.tabber_default) {<br /> window.andrewds1021.tabber_default = {};<br /> }<br /> window.andrewds1021.tabber_default.has_run = true;<br /> <br /> /* find instances of Tabber */<br /> <br /> var tabbers = Array.prototype.slice.call(document.getElementsByClassName(&quot;tabber&quot;));<br /> if (tabbers.length) tabbers.forEach(setTabberDefault);<br /> <br /> /*<br /> * process a Tabber instance with the following procedure<br /> * if there should not be any remaining instances, return<br /> * find instance in pre-collected instances list<br /> * if not found, return<br /> * else remove instance from list and proceed<br /> * this ensures an instance is processed at most once<br /> * retrieve fragment from URL<br /> * find tab labels, content boxes, first hash-matching descendant, and first descendant<br /> with default marker<br /> * if a tab label hash-matches, return<br /> * this prevents the default tab from overriding a tab specified by fragment<br /> * find index of content box to display<br /> * if hash-matching descendant was found, find the content box it is inside<br /> * if no hash-matching descendant or content box not found, find first content<br /> box with default marker<br /> * to account for potential nesting, marker must be either a direct<br /> descendant or a direct descendant of the wrapper paragraph tag<br /> * if still no content box found and descendant with default marker was found,<br /> find the content box the descendant is inside<br /> * if no content box found for display, return<br /> * set the display and class for each pair of content box and navigation link<br /> * NOTE: when editing this procedure, remember that instances may be nested<br /> */<br /> <br /> function setTabberDefault(tabs) {<br /> if (!tabbers.length) return;<br /> var index = tabbers.indexOf(tabs);<br /> if (index == -1) return;<br /> tabbers.splice(index, 1);<br /> var hash = location.hash.substring(1);<br /> var labels = [];<br /> var content = [];<br /> var nested_hash, nested_mark, iter;<br /> Array.prototype.slice.call(tabs.getElementsByClassName(&quot;wds-tabs__tab&quot;))<br /> .forEach(function (val) {<br /> if (tabs == val.parentElement.parentElement.parentElement) {<br /> labels.push(val);<br /> } else if (!nested_hash &amp;&amp; hash &amp;&amp; (hash == val.getAttribute(&quot;data-hash&quot;))) {<br /> nested_hash = val;<br /> }<br /> });<br /> Array.prototype.slice.call(tabs.getElementsByClassName(&quot;wds-tab__content&quot;))<br /> .forEach(function (val1) {<br /> if (tabs == val1.parentElement) {<br /> content.push(val1);<br /> } else if (!nested_mark &amp;&amp; val1.getElementsByClassName(&quot;TabberDefault&quot;)<br /> .length) {<br /> nested_mark = val1;<br /> }<br /> });<br /> if (hash &amp;&amp; labels.some(function (val) {<br /> return hash == val.getAttribute(&quot;data-hash&quot;);<br /> })) return;<br /> index = -1;<br /> while ((index == -1) &amp;&amp; nested_hash) {<br /> nested_hash = nested_hash.parentElement;<br /> index = content.indexOf(nested_hash);<br /> }<br /> for (iter = 0; (index == -1) &amp;&amp; (iter &lt; content.length); iter++) {<br /> if (Array.prototype.slice.call(content[iter]<br /> .getElementsByClassName(&quot;TabberDefault&quot;)).filter(function (val) {<br /> while (!val.classList.contains(&quot;wds-tab__content&quot;))<br /> val = val.parentElement;<br /> return content[iter] == val;<br /> }).length) index = iter;<br /> }<br /> while ((index == -1) &amp;&amp; nested_mark) {<br /> nested_mark = nested_mark.parentElement;<br /> index = content.indexOf(nested_mark);<br /> }<br /> if (index == -1) return;<br /> content.forEach(function (val, idx) {<br /> if (index == idx) {<br /> val.classList.add(&quot;wds-is-current&quot;);<br /> labels[index].classList.add(&quot;wds-is-current&quot;);<br /> } else {<br /> val.classList.remove(&quot;wds-is-current&quot;);<br /> labels[idx].classList.remove(&quot;wds-is-current&quot;);<br /> }<br /> });<br /> }<br /> <br /> })();<br /> &lt;/script&gt;</div>

Donnyjie