HTML ist eine der wichtigsten Webentwicklungssprachen und verfügt über eine breite Palette von Funktionen. Wenn es jedoch darum geht, eine Zurück-Schaltfläche ohne JavaScript zu erstellen, stehen viele Entwickler vor einigen Schwierigkeiten. In diesem Artikel werden wir uns einige Möglichkeiten ansehen, wie Sie eine solche Schaltfläche ohne JavaScript erstellen können.
НазадНазад
Die zweite Methode besteht darin , das Element zu verwenden . Um eine Zurück-Schaltfläche zu erstellen, müssen Sie den Ereignishandler "onclick" mithilfe des Attributs festlegen. Zum Beispiel:
Die dritte Methode besteht darin, ein Element mit einer Schaltfläche vom Typ "submit" zu verwenden. Um eine Zurück-Schaltfläche zu erstellen, muss der Wert des Attributs "action" auf das Zeichen '#' festgelegt werden. Zum Beispiel:
Gründe für die Verwendung der Zurück-Schaltfläche ohne JavaScript
1. Unterstützung für Benutzer mit deaktiviertem JavaScript: Einige Benutzer sind stark auf Sicherheit eingestellt und können JavaScript in ihren Browsern deaktivieren. Wenn Sie eine Zurück-Schaltfläche ohne JavaScript erstellen, können sie trotzdem auf diese Funktionalität zugreifen und bequem auf der Website navigieren.
2. Einfachheit und Zuverlässigkeit: Die Verwendung der Zurück-Schaltfläche ohne JavaScript kann die Codierung vereinfachen und das Testen erleichtern. Dies bietet eine größere Zuverlässigkeit, da es keine Abhängigkeit von der JavaScript-Funktionalität gibt und es keine Kompatibilitätsprobleme zwischen verschiedenen Browsern gibt.
3. Verbesserte Leistung: Webseiten, die für die Zurück-Schaltfläche nicht von JavaScript abhängig sind, können schneller geladen und auf der Serverseite schneller verarbeitet werden, da kein zusätzlicher JavaScript-Code ausgeführt werden muss.
4. Einfacher Zugang für Entwickler: Benutzer mit eingeschränkten Programmierkenntnissen und Entwickler ohne JavaScript-Erfahrung können eine Zurück-Schaltfläche leichter erstellen, ohne JavaScript lernen und verwenden zu müssen.
In den folgenden Abschnitten werden wir uns einige Codebeispiele ansehen, mit denen Sie eine Zurück-Schaltfläche ohne JavaScript mit verschiedenen Ansätzen erstellen können.
Implementieren einer Zurück-Schaltfläche ohne JavaScript
Manchmal möchten Sie auf einer Seite eine Schaltfläche erstellen, die den Benutzer zur vorherigen Seite zurückführt. Normalerweise wird JavaScript für diese Aufgabe verwendet, aber es gibt eine Möglichkeit, die Zurück-Schaltfläche zu implementieren, ohne sie zu verwenden.
Dadurch wird eine Schaltfläche erstellt, die genau wie ein Link funktioniert.
Verwenden eines Tags mit einem href-Attribut
Um eine Zurück-Schaltfläche in HTML ohne JavaScript zu erstellen, können Sie ein Tag mit dem href-Attribut verwenden und einen Link zur vorherigen Seite darin angeben.
In diesem Beispiel klicken Sie auf den Link "Zurück" mit dem href-Attribut und der JavaScript-History-Funktion.back() springt zur vorherigen Seite. Diese Methode funktioniert, wenn der Browserverlauf des Benutzers im Browser aktiviert ist.
Es ist auch möglich, eine relative Referenz zu verwenden, indem Sie einfach angeben. "./" um zur vorherigen Seite im selben Verzeichnis zu navigieren.
Diese Methode funktioniert jedoch nur, wenn Ihre Website entsprechend organisiert ist und sich die Seiten in der richtigen Verzeichnisstruktur befinden.
Hinzufügen eines onclick-Attributs zu einem Tag
Um eine Zurück-Schaltfläche ohne JavaScript zu erstellen, können Sie dem Tag ein onclick-Attribut hinzufügen, um anzugeben, welche Aktion beim Klicken auf die Schaltfläche stattfinden soll. Sie können beispielsweise den folgenden Code verwenden:
- Erstellen Sie eine Schaltfläche mit einem Tag .
- Fügen Sie der Schaltfläche Text oder ein Bild hinzu.
- Ergänzen Sie das Tag mit dem Attribut onclick und geben Sie die Aktion an, die beim Klicken auf die Schaltfläche ausgeführt werden soll. Zum Beispiel können Sie verwenden, um zur vorherigen Seite zu gelangen .
- Schließen Sie das Tag .
In diesem Beispiel wird die window-Funktion ausgeführt, wenn Sie auf die Schaltfläche klicken.history.back() , das den Benutzer zur vorherigen Seite im Browserverlauf umleitet.
Das Hinzufügen eines onclick-Attributs zu einem Tag ermöglicht es Ihnen, die gewünschte Aktion festzulegen, wenn Sie in HTML ohne JavaScript auf die Schaltfläche Zurück klicken.
Vor- und Nachteile
Die Vorteile der Verwendung der Zurück-Schaltfläche ohne JavaScript in HTML werden von Entwicklern angeboten, die Webseiten mit minimalem Code erstellen und die Websiteverfügbarkeit verbessern möchten. Im Folgenden sind die wichtigsten Vor- und Nachteile dieses Ansatzes aufgeführt.
Vorteile:
1. Einfachheit und Bequemlichkeit: Das Erstellen einer Zurück-Schaltfläche ohne JavaScript vermeidet komplexen Code und vereinfacht die Entwicklung. Dies wird von Browsern weitgehend unterstützt und erfordert keine zusätzlichen Einstellungen.
2. Verbesserte Verfügbarkeit: Wenn Sie die Zurück-Schaltfläche ohne JavaScript verwenden, können Sie Webseiten erstellen, die für Benutzer verfügbar sind, die JavaScript in ihrem Browser deaktiviert haben oder Browser verwenden, die JavaScript nicht unterstützen.
3. Leistungssteigerung: Die minimale Menge an Code und das Fehlen von Ereignishandlern, die mit der Zurück-Schaltfläche verknüpft sind, ermöglichen das Laden der Seite und die Verbesserung der Seitenleistung.
Nachteile:
1. Eingeschränkte Funktionalität: Die Zurück-Schaltfläche ohne JavaScript ermöglicht das Laden der vorherigen Seite und bietet keine zusätzlichen Funktionen wie das Aktualisieren der Seite oder das Navigieren zu anderen Seiten der Website.
2. Eingeschränkte Navigationskontrolle: In Abwesenheit von JavaScript ist es unmöglich, das Verhalten der Zurück-Schaltfläche vollständig zu kontrollieren. Sie können beispielsweise nicht verhindern, dass Sie zur vorherigen Seite navigieren oder die Navigationssequenz ändern.
3. Interaktion mit dem Benutzer: Die Zurück-Schaltfläche ohne JavaScript bietet keine Benutzeroberfläche für die Interaktion mit dem Benutzer. Sie können beispielsweise keine Bestätigungsnachricht anzeigen, bevor Sie zur vorherigen Seite wechseln.
Im Allgemeinen hat die Zurück-Schaltfläche ohne JavaScript Vor- und Nachteile, und die Wahl dieses Ansatzes hängt von den Anforderungen an die Funktionalität und Zugänglichkeit der Webseite ab.
Vorteile der Implementierung einer Zurück-Schaltfläche ohne JavaScript
Wenn es um interaktive Benutzererfahrung auf Webseiten geht, ist JavaScript zu einem integralen Bestandteil der Entwicklung von Webanwendungen geworden. Die Verwendung von JavaScript kann jedoch Ihren Code unzuverlässig machen und Sicherheitsprobleme verursachen.
Im Falle der Zurück-Schaltfläche hat die Implementierung ihrer Funktionalität ohne JavaScript Vorteile:
1. Einfachheit und Zuverlässigkeit
Die Implementierung der Zurück-Schaltfläche ohne JavaScript ermöglicht die Erstellung von einfachem und zuverlässigem Code. Anstatt komplexe Skripte und Ereignisse zu verwenden, können Sie einfach einen Link zur vorherigen Seite mit dem Tag "a" festlegen. Dies macht den Code klarer und leichter zu pflegen.
2. Kompatibilität
Wenn es Ihr Ziel ist, Ihre Webseite für alle Benutzer zugänglich zu machen, einschließlich derjenigen, die keine JavaScript-Unterstützung haben, ist die Implementierung einer Zurück-Schaltfläche ohne JavaScript die beste Lösung. Die Zurück-Schaltfläche funktioniert auch in älteren Browsern und Geräten mit eingeschränkter Funktionalität.
3. Sicherheit
JavaScript kann für bösartige Zwecke verwendet werden, z. B. zum Abfangen von Benutzerdaten oder zum Einbetten von bösartigem Code auf eine Webseite. Die Implementierung einer Zurück-Schaltfläche ohne JavaScript beseitigt dieses Risiko, da kein JavaScript-Code auf der Seite ausgeführt werden muss.
4. SEO-Optimierung
Wenn Ihre Website viele Seiten enthält, die häufig aktualisiert werden, ist die Implementierung einer Zurück-Schaltfläche ohne JavaScript für Suchmaschinen nützlich. Die Zurück-Schaltfläche ermöglicht es Suchmaschinen, die Seite und ihren Inhalt zu indizieren, selbst wenn JavaScript deaktiviert ist. Dies erhöht die Sichtbarkeit Ihrer Website in der Suchausgabe.
Zusammenfassend bietet die Implementierung einer Zurück-Schaltfläche ohne JavaScript eine einfache, zuverlässige und sichere Möglichkeit, die Zurück-Navigationsfunktionen Ihrer Website bereitzustellen.
Nachteile der Implementierung einer Zurück-Schaltfläche ohne JavaScript
Webseiten, die eine Zurück-Schaltfläche ohne JavaScript implementieren, haben möglicherweise einige Nachteile:
1. Keine aktiven Zustände
Wenn die Zurück-Schaltfläche mit einem HTML-Link implementiert wird, hat sie keinen aktiven Status, wenn Sie darauf klicken. Dies ermöglicht es dem Benutzer, die Tatsache zu spüren, dass er auf die Schaltfläche klickt und Feedback zu dieser Aktion erhält.
2. Keine Animation
Die Zurück-Schaltfläche ohne JavaScript kann beim Klicken keine Animation haben. Die visuelle Darstellung eines Knopfdruckes kann unrealistisch und nicht interaktiv sein, was die Benutzererfahrung beeinträchtigen kann.
3. Begrenzte Möglichkeiten
Die Implementierung einer Zurück-Schaltfläche ohne JavaScript ist auf einen Link zur vorherigen Seite beschränkt. Dies bedeutet, dass Sie die Übergangsadresse nicht ändern oder andere Aktionen hinzufügen können, wenn Sie auf die Schaltfläche klicken. Dies kann problematisch sein, wenn eine komplexere Logik implementiert oder zu einer anderen URL navigiert werden muss.
4. Einschränkung der Verfügbarkeit
Die Zurück-Schaltfläche ohne JavaScript ist für einige Benutzer mit Behinderungen oder die bestimmte Bildschirmleseprogramme verwenden, möglicherweise nicht verfügbar. Dies kann zu Problemen beim Zugriff und der Verwendung der Schaltfläche führen.
Obwohl in einigen Fällen die Implementierung einer Zurück-Schaltfläche ohne die Verwendung von JavaScript ausreichen kann, ist es besser, JavaScript für eine bessere Benutzererfahrung und größere Funktionen zu verwenden.
Cross-Browser
Wenn Sie eine Zurück-Schaltfläche ohne JavaScript erstellen, ist es wichtig, die browserübergreifende Funktionalität zu berücksichtigen, dh die Möglichkeit, dass sie in verschiedenen Browsern korrekt funktioniert.
Berücksichtigen Sie bei der Entwicklung die Besonderheiten verschiedener Browserversionen wie Internet Explorer, Mozilla Firefox, Google Chrome, Safari, Opera und andere.
Eine Möglichkeit, browserübergreifend zu sein, besteht darin, CSS zu verwenden, um die Zurück–Schaltfläche zu stylen. Auf diese Weise können Sie das Aussehen einer Schaltfläche steuern und sicherstellen, dass sie in verschiedenen Browsern ohne JavaScript funktioniert.
Überprüfen Sie außerdem, ob die Schaltfläche auf verschiedenen Geräten wie Computern, Smartphones und Tablets funktioniert, um sicherzustellen, dass sie auf verschiedenen Plattformen ordnungsgemäß funktioniert.
Beim Erstellen einer Zurück-Schaltfläche ohne JavaScript ist es auch wichtig, die Verfügbarkeit zu berücksichtigen. Es sollte für alle Benutzer verständlich und benutzerfreundlich sein, auch für Menschen mit Behinderungen. Sie können beispielsweise mithilfe von Bildschirmleseprogrammen einen Texthinweis oder Attribute zum Vorlesen für Benutzer hinzufügen.
Wenn Sie eine Zurück-Schaltfläche ohne JavaScript erstellen, sollten Sie auch überprüfen, ob sie auf verschiedenen Betriebssystemen wie Windows, macOS, Linux und anderen funktioniert, um sicherzustellen, dass sie ordnungsgemäß funktioniert.
Außerdem müssen Sie die Browser-Updates überwachen und die Zurück-Schaltfläche auf dem neuesten Stand halten. Dadurch werden mögliche Kompatibilitätsprobleme minimiert und ihr zukünftiger reibungsloser Betrieb gewährleistet.
