suchen
HeimTechnical ResourcesJavaScript:void 0
JavaScript:void 0

JavaScript:void 0

JavaScript:void(0) kann durch return false, event.preventDefault() oder einen leeren href-Attributwert ersetzt werden. Detaillierte Einführung: 1. return false, diese Methode gibt nicht undefiniert zurück und kann von Bildschirmlesern korrekt interpretiert werden. 2. event.preventDefault(), event.preventDefault() können aufgerufen werden, wenn auf den Link geklickt wird, sodass der Link angezeigt wird nicht navigieren Gehe zu einer neuen Seite 3. Leerer href-Attributwert, 3. Verwenden Sie ein leeres href-Attribut

232
8

JavaScript:void 0

Was ist Javascript void:0

Was ist Javascript void:0

javascript:void(0) ist ein Pseudoprotokoll zum Ausführen von JavaScript-Code. Es wird häufig verwendet, um einige Vorgänge auszuführen, ohne die aktuelle Seite zu verlassen, z. B. das Öffnen einer Warnmeldung oder das Ausführen anderer JavaScript-Funktionen. Die Funktion besteht darin, das standardmäßige Hyperlink-Verhalten des Browsers oder die Aktualisierung der Seite zu verhindern. Ausführliche Einführung: javascript:void(0) ist nur ein Platzhalter und führt keine tatsächlichen Vorgänge aus.

Aug 31, 2023 am 10:06 AM

So beheben Sie den JavaScript:void 0-Fehler

So beheben Sie den JavaScript:void 0-Fehler

Der Fehler „JavaScript:void 0“ kann durch Ändern der Codelogik, Verwenden der richtigen Link- oder Schaltflächenattribute, Überprüfen auf Codesyntaxfehler, Verwenden von Ereignis-Listenern oder Verwenden anderer Methoden behoben werden. Detaillierte Einführung: 1. Ändern Sie die Codelogik. Sie können return false verwenden. 2. Verwenden Sie das richtige Link- oder Button-Attribut, verwenden Sie href="#" oder onclick="return false;" 3. Überprüfen Sie die Codesyntaxfehler usw .

Aug 31, 2023 am 10:12 AM

JavaScript-Geolokalisierung: Erstellen standortbezogener Anwendungen

JavaScript-Geolokalisierung: Erstellen standortbezogener Anwendungen

Im heutigen digitalen Zeitalter werden standortbezogene Anwendungen immer beliebter. Ob es sich um einen kartenbasierten Dienst, eine Wetter-App oder eine Essenslieferplattform handelt, der Zugriff auf den Standort eines Benutzers kann das Benutzererlebnis erheblich verbessern. JavaScript bietet eine leistungsstarke Geolocation-API, die es Entwicklern ermöglicht, standortbasierte Funktionen nahtlos in Webanwendungen zu integrieren. In diesem Artikel erkunden wir die JavaScript Geolocation API und erfahren, wie man standortbezogene Anwendungen erstellt. Erste Schritte Lassen Sie uns zunächst die Grundkonzepte der Geolocation-API verstehen. Die API bietet eine Möglichkeit, die Geolokalisierung des Geräts des Benutzers abzurufen. Es nutzt verschiedene Quellen wie GPS, WLAN und I

Aug 30, 2023 pm 10:49 PM

Wie füge ich in JavaScript Parameter zur URL hinzu?

Wie füge ich in JavaScript Parameter zur URL hinzu?

In diesem Artikel erfahren Sie, wie Sie in JavaScript Parameter zu URLs hinzufügen. Es gibt zwei Möglichkeiten, Parameter zur URL hinzuzufügen: die Methode append() und die Methode set(). Die Methode append() wird verwendet, um der URL gezielt Schlüssel-Wert-Paare hinzuzufügen. Die Methode set() fügt einem bestimmten Schlüssel einen Wert hinzu. Wenn der Schlüssel nicht existiert, wird ein neuer Schlüssel erstellt. Wenn mehrere Schlüssel vorhanden sind, aktualisieren Sie den Wert eines Schlüssels und löschen Sie die anderen. Beispiel 1 Schauen wir uns die append()-Methode in diesem Beispiel an: letinputUrl=newURL('https://urlExample.com?key1=value1');letinputParams=newU

Aug 30, 2023 pm 09:33 PM

JavaScript-Programm zum Ermitteln der Fläche und des Umfangs eines Rechtecks

JavaScript-Programm zum Ermitteln der Fläche und des Umfangs eines Rechtecks

Wir schreiben ein JavaScript-Programm, um die Fläche und den Umfang eines Rechtecks ​​zu berechnen. Das Programm fordert den Benutzer auf, die Breite und Länge des Rechtecks ​​einzugeben, und wir werden diese Werte dann verwenden, um die Fläche und den Umfang zu berechnen. Wir werden weiterhin diese Formeln verwenden: Fläche = Breite * Länge und Umfang = 2 * (Breite + Länge), um die gewünschten Maße zu ermitteln. Methode So ermitteln Sie die Fläche und den Umfang eines Rechtecks ​​in JavaScript: Verwenden Sie Variablen, um die Länge und Breite des Rechtecks ​​​​zu definieren. Berechnen Sie die Fläche, indem Sie die Länge und Breite des Rechtecks ​​multiplizieren. Berechnen Sie den Umfang, indem Sie die doppelte Länge und die doppelte Breite des Rechtecks ​​addieren. Zeigt Ergebnisse für Fläche und Umfang an. Speichern Sie das Ergebnis in einer Variablen und geben Sie den Wert bei Bedarf zurück. Stellen Sie je nach Bedarf unterschiedliche Längen und Breiten ein

Aug 30, 2023 pm 02:05 PM

Welchen Zweck hat das Quell-RegExp-Attribut in JavaScript?

Welchen Zweck hat das Quell-RegExp-Attribut in JavaScript?

Die Quell-RegExp-Eigenschaft in JavaScript ist eine schreibgeschützte Zeichenfolgeneigenschaft des RegExp-Objekts. Es enthält den Text des RegExp-Musters. Dieser Text enthält weder den begrenzenden Schrägstrich, der in regulären Ausdrucksliteralen verwendet wird, noch die Attribute „g“, „i“ und „m“. Beispiel Sie können versuchen, den folgenden Code auszuführen, um zu verstehen, wie die Quell-RegExp-Eigenschaft in JavaScript implementiert wird – JavaScriptRegExpsourcePrope</p><span class="Articlelist_txts_time">Aug 29, 2023 pm 01:21 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/de/faq/599480.html" title="Wie konvertiert man eine Zahl in JavaScript in ein Array?" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/465/014/169328671359874.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy" alt="Wie konvertiert man eine Zahl in JavaScript in ein Array?" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/de/faq/599480.html" title="Wie konvertiert man eine Zahl in JavaScript in ein Array?" class="Articlelist_txts_title">Wie konvertiert man eine Zahl in JavaScript in ein Array?</a></h3><p class="Articlelist_txts_p">In JavaScript gibt es viele integrierte Methoden zum Konvertieren von Zahlen in Arrays. Die einfachste davon ist die Methode split(). Wir können auch die Methoden „map()“, „reduc()“ oder „form()“ verwenden, um Aufgaben auszuführen. In diesem Artikel werden einige der gängigsten Methoden zum Konvertieren von Zahlen in Arrays erläutert und Beispiele dafür gegeben, wann und wie die einzelnen Techniken angewendet werden. Die Frage ist nun: Warum müssen Sie die Zahl in ein Array konvertieren? Der Grund könnte darin liegen, eine Telefonnummer in einzelne Zahlen oder ein Datum in seine Bestandteile zu zerlegen (Analyse eines Datums), oder es könnte nützlich sein, wenn mathematische Operationen an einzelnen Zahlen durchgeführt werden. Methode 1: Durch die Methode „split()“ Werfen wir nun einen Blick auf die Methode „split()“. es ist nützlich</p><span class="Articlelist_txts_time">Aug 29, 2023 pm 01:25 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/de/faq/599560.html" title="Extrahieren Sie in JavaScript eindeutige Objekte aus einem Array von Objekten nach Eigenschaften" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/164/169329439656956.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy" alt="Extrahieren Sie in JavaScript eindeutige Objekte aus einem Array von Objekten nach Eigenschaften" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/de/faq/599560.html" title="Extrahieren Sie in JavaScript eindeutige Objekte aus einem Array von Objekten nach Eigenschaften" class="Articlelist_txts_title">Extrahieren Sie in JavaScript eindeutige Objekte aus einem Array von Objekten nach Eigenschaften</a></h3><p class="Articlelist_txts_p">In diesem Tutorial lernen wir, einzigartige Objekte anhand ihrer Eigenschaften aus einem Array von Objekten zu extrahieren. Manchmal müssen wir Objekte aus einem Array von Objekten basierend auf bestimmten Eigenschaften filtern. Wir haben zum Beispiel eine ID als Schlüssel, der ein Objekt identifiziert. Daher müssen wir sicherstellen, dass das Array nur ein einzelnes Objekt mit einer einzigen ID enthält. Wenn zwei oder mehr Objekte denselben Primärschlüsselwert enthalten, kann dies zu Problemen bei der eindeutigen Identifizierung des Objekts führen. Hier lernen wir verschiedene Möglichkeiten kennen, alle eindeutigen Objekte aus einem Array basierend auf bestimmten Eigenschaften zu filtern. Verwenden von Maps und for-Schleifen In JavaScript können Maps eindeutige Schlüssel-Wert-Paare speichern. Darüber hinaus können wir jeden Wert aus der Karte erhalten, indem wir die Schlüssel der Karte mit einer Zeitkomplexität von O(1) verwenden. Wir durchlaufen also das Array von Objekten und geben den Schlüsselwert ein</p><span class="Articlelist_txts_time">Aug 29, 2023 pm 03:33 PM</span></div></div><hr /></div><div class="AI_ToolDetails_main4sR"><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/hotarticle2.png" alt="" /><h2>Heißer Artikel</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/de/faq/600249.html" title="So beheben Sie den JavaScript:void 0-Fehler" class="phpgenera_Details_mainR4_bottom_title">So beheben Sie den JavaScript:void 0-Fehler</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 Jahre her</span><span>Byzbt</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/de/faq/600246.html" title="Was ist Javascript void:0" class="phpgenera_Details_mainR4_bottom_title">Was ist Javascript void:0</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 Jahre her</span><span>Byzbt</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/de/faq/600154.html" title="JavaScript-Geolokalisierung: Erstellen standortbezogener Anwendungen" class="phpgenera_Details_mainR4_bottom_title">JavaScript-Geolokalisierung: Erstellen standortbezogener Anwendungen</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 Jahre her</span><span>ByPHPz</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/de/faq/600125.html" title="Wie füge ich in JavaScript Parameter zur URL hinzu?" class="phpgenera_Details_mainR4_bottom_title">Wie füge ich in JavaScript Parameter zur URL hinzu?</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 Jahre her</span><span>ByWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/de/faq/599925.html" title="JavaScript-Programm zum Ermitteln der Fläche und des Umfangs eines Rechtecks" class="phpgenera_Details_mainR4_bottom_title">JavaScript-Programm zum Ermitteln der Fläche und des Umfangs eines Rechtecks</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 Jahre her</span><span>By王林</span></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/de/article.html">Mehr anzeigen</a></div></div></div><div class="phpgenera_Details_mainR3"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/hottools2.png" alt="" /><h2>Heiße Werkzeuge</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/de/ai/kits-ai" title="Kits AI" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173417754263702.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Kits AI" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/de/ai/kits-ai" title="Kits AI" class="phpmain_tab2_mids_title"><h3>Kits AI</h3></a><p>Verwandeln Sie Ihre Stimme mit KI-Künstlerstimmen. Erstellen und trainieren Sie Ihr eigenes KI-Sprachmodell.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/de/ai/soundraw-ai-music-generator" title="SOUNDRAW - AI Music Generator" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173417756684210.jpeg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="SOUNDRAW - AI Music Generator" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/de/ai/soundraw-ai-music-generator" title="SOUNDRAW - AI Music Generator" class="phpmain_tab2_mids_title"><h3>SOUNDRAW - AI Music Generator</h3></a><p>Erstellen Sie ganz einfach Musik für Videos, Filme und mehr mit dem KI-Musikgenerator von SOUNDRAW.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/de/ai/web-chatgptai" title="Web ChatGPT.ai" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173399378227633.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Web ChatGPT.ai" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/de/ai/web-chatgptai" title="Web ChatGPT.ai" class="phpmain_tab2_mids_title"><h3>Web ChatGPT.ai</h3></a><p>Kostenlose Chrome -Erweiterung mit OpenAI -Chatbot für ein effizientes Surfen.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/de/ai/resume-yay" title="Resume Yay" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/ai_manual/001/246/273/174597651711009.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Resume Yay" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/de/ai/resume-yay" title="Resume Yay" class="phpmain_tab2_mids_title"><h3>Resume Yay</h3></a><p>Der wirklich kostenlose KI -Lebenslauf -Bauunternehmer</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/de/ai/bestcoloringpages" title="bestcoloringpages" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/ai_manual/001/246/273/174597649148886.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="bestcoloringpages" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/de/ai/bestcoloringpages" title="bestcoloringpages" class="phpmain_tab2_mids_title"><h3>bestcoloringpages</h3></a><p>Kostenlose druckbare KI -Malvorlagen für alle Altersgruppen und Anlässe.</p></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/de/ai">Mehr anzeigen</a></div></div></div><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/hotarticle2.png" alt="" /><h2>Heiße Themen</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/de/faq/rbbjrhqjg" title="Der heutige Marktpreis der Ripple-Währung" class="phpgenera_Details_mainR4_bottom_title">Der heutige Marktpreis der Ripple-Währung</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>145</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>5</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/de/faq/pingbtdyy" title="Gründe, warum Ping fehlschlägt" class="phpgenera_Details_mainR4_bottom_title">Gründe, warum Ping fehlschlägt</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>264</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>4</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/de/faq/InsertInto" title="So schreiben Sie die InsertInto-Anweisung" class="phpgenera_Details_mainR4_bottom_title">So schreiben Sie die InsertInto-Anweisung</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>115</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>5</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/de/faq/gfwqsys" title="Was bedeutet Root-Server?" class="phpgenera_Details_mainR4_bottom_title">Was bedeutet Root-Server?</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>120</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>3</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/de/faq/restapihapidq" title="Der Unterschied zwischen Rest-API und API" class="phpgenera_Details_mainR4_bottom_title">Der Unterschied zwischen Rest-API und API</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>201</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>6</span></div></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/de/faq/zt">Mehr anzeigen</a></div></div></div></div></main><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!</p></div><div class="footermid"><a href="https://m.php.cn/de/about/us.html">Über uns</a><a href="https://m.php.cn/de/about/disclaimer.html">Haftungsausschluss</a><a href="https://m.php.cn/de/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = "0";</script><!-- Matomo --><script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script><!-- End Matomo Code --><script> // 通用函数,用于显示或隐藏元素 function toggleElementsDisplay(className, show) { const elements = document.getElementsByClassName(className); for (let i = 0; i < elements.length; i++) { elements[i].style.display = show ? "block" : "none"; } } // 绑定事件监听器 function bindEventListeners() { const toggleDisplay = (className, show, eventId) => { document.getElementById(eventId).addEventListener("click", (event) => { event.preventDefault(); toggleElementsDisplay(className, show); }); }; toggleDisplay("m_editormain12main", true, "fixed_tab_img"); toggleDisplay("m_editormain12main", false, "fixed_tab_topi"); toggleDisplay("m_editormain12main", false, "fixed_tab_close"); // 控制 m_menu 的显示和隐藏 toggleDisplay("m_menu", true, "lan1sp"); toggleDisplay("m_menu", false, "m_editormain12main_topi_sp"); // 控制 m_menu_lang 的显示和隐藏 toggleDisplay("m_menu_lang", true, "lan1"); toggleDisplay("m_menu_lang", false, "m_editormain12main_topi_lan"); } // 在页面加载完成后绑定事件监听器 window.onload = bindEventListeners; layui.use(function () { var util = layui.util; util.fixbar({ on: { mouseenter: function (type) { layer.tips(type, this, { tips: 4, fixed: true, }); }, mouseleave: function (type) { layer.closeAll("tips"); }, }, }); }); // 获取关闭按钮 const closeButton = document.querySelector(".phpgenera_Details_mainR1_close"); // 获取容器元素 const container = document.querySelector(".phpgenera_Details_mainR1"); // 添加点击事件监听器 closeButton.addEventListener("click", (event) => { event.preventDefault(); // 阻止默认的<a>点击行为 container.style.display = "none"; // 隐藏容器 }); document.addEventListener("DOMContentLoaded", () => { // 动态获取所有滚动链接及隐藏目标元素 const links = [{ linkId: "fixed_tab_a1", targetId: "Topic_Details_mainL2_R_title1", hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID }, { linkId: "fixed_tab_a2", targetId: "Topic_Details_mainL2_R_title2", hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID }, { linkId: "fixed_tab_a3", targetId: "Topic_Details_mainL2_R_title3", hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID }, ]; links.forEach(({ linkId, targetId, hideElementId }) => { const linkElement = document.getElementById(linkId); const targetElement = document.getElementById(targetId); const hideElement = document.getElementById(hideElementId); if (linkElement && targetElement) { linkElement.addEventListener("click", (e) => { e.preventDefault(); // 阻止默认行为 // 隐藏指定元素 if (hideElement) { hideElement.style.display = "none"; } // 平滑滚动到目标元素 targetElement.scrollIntoView({ behavior: "smooth" }); }); } else { console.warn( `Link, target, or hide element not found: ${linkId}, ${targetId}, ${hideElementId}` ); } }); }); </script></body></html>