Browser haben bereits „Zurück“-Buttons, also solltest du verdammt gute Gründe haben, einen auf deiner Seite einfügen zu wollen!
Eingabefeld mit Inline-JavaScript
<input type="button" value="Go Back From Whence You Came!" onclick="history.back(-1)" />Das ist völlig aufdringlich, aber du könntest das beheben, indem du diesen Button nur über JavaScript hinzufügst.
PHP
Wenn JavaScript keine Option ist, könntest du den HTTP_REFERER verwenden, ihn bereinigen und ihn über PHP ausgeben.
<?php
$url = htmlspecialchars($_SERVER['HTTP_REFERER']);
echo "<a href='$url'>back</a>";
?>
1. Viele Nutzer sind sich ihres Browser-Zurück-Buttons nicht bewusst.
2. Nutzer, die Formulare ausfüllen, machen oft Fehler. Daher füllen sie das Formular aus, es durchläuft Validierungen auf dem Server, dann werden ihre Eingaben angezeigt und gefragt, ob diese korrekt sind. Wenn nicht, müssen sie zurückkehren, um sie zu korrigieren. Ein Rückkehrbutton, gut sichtbar, wird anwendbar.
3. Der Browser-Zurück-Button und der geskriptete Zurück-Button verhalten sich nicht immer gleich. Wenn Sie ein bestimmtes Verhalten wünschen, dann muss es erstellt werden.
Der Rest Ihres Arguments mag gültig sein, aber Punkt 1: „Viele Nutzer sind sich ihres Browser-Zurück-Buttons nicht bewusst.“ ist absolut falsch. Der Zurück-Button ist ein wichtiges Werkzeug in der Werkzeugkiste des Durchschnittsbürgers – JEDER Nutzer kennt den Zurück-Button – es ist eines der wenigen Dinge, die man bei einem Usability-Test annehmen kann.
Oh. Die javascript:history.go(-1) und ihre Ableitungen geben in IE8 eine abgelaufene Seite zurück
Meiner Meinung nach sollte IE* einfach verschwinden oder mit der Zeit gehen. Ich bin neu im Webdesign und alles, was ich höre, ist IE dies und IE das. Ich habe mich nicht ins Webdesign gestürzt, um für IE irgendetwas zu lernen. Alle Webbrowser müssen sich an Standards halten, Punkt. Ich weiß, das ist viel gesagt, aber es ist immer ein Problem mit IE etwas!
@CatGuyTX Du kannst dich genauso gut daran gewöhnen, denn es wird sich in den nächsten Jahren nicht verbessern. IE10+ hat jetzt automatische Updates integriert, was ihn zu einem sogenannten „ewigen“ Browser macht. Das Problem sind die alten Versionen, die Leute nicht aktualisieren können oder wollen.
@CatGutTX: Derzeit ist MSIE 11 der konformste Browser, den es gibt. Du bist neu im Webdesign. Ich bin sicher, du hast dir die CSS verschiedener Websites angesehen. Hast du all die -webkit-Anweisungen für abgerundete Ecken und Box-Schatten bemerkt? Diese Elemente sind Teil des CSS3-Standards und die mit -webkit, -moz oder -o präfixierten Attribute sollten nicht mehr verwendet werden.
Warum Designer das -webkit-Präfix verwenden, magst du dich fragen. Es ist sehr einfach. Jede (aktive) Spezifikation ist ein lebender Organismus und Browserhersteller fügen ständig neue Funktionen hinzu, die sie dann der entsprechenden Kommission (W3C im Falle von HTML und CSS) vorschlagen. Bis diese Funktion Teil der offiziellen Spezifikation ist, kannst du diese Funktionen nur mit den Vendor-Präfixen wie -webkit nutzen.
Warum bereitet MSIE so viel Ärger? Nun, er ist älter als Webkit und Chrome zusammen und zwischen 1999 und 2004 war MSIE im Grunde der einzige Browser (bis Firebird – später in Firefox umbenannt), der auf den Markt kam. Infolgedessen wurden viele Entwickler faul und begannen, MSIE-spezifische Funktionen zu verwenden, da sie für über 95 % der Nutzer im Web verfügbar waren. Die anderen 5 % gingen zu Browsern wie Opera, Konqueror (die Basis für Webkit, die KHTML und Netscape erbt).
Du bist neu, also gehe ich davon aus, dass du nur Mobile-First-Websites designst, aber es gibt viele Websites, die unterschiedlichen Code für Desktop- und mobile Browser haben. Vor ein paar Jahren gab es CHTML, WAP und noch früher hatten wir unterschiedliche Versionen für Desktop-Entwickler (MSIE vs. Netscape).
Technologie verändert sich ständig und damit auch das Web. Allerdings kannst du das Erbe nicht ignorieren, denn das ist der Grund, warum wir überhaupt hier sind. Ich habe 1993 mit der Webentwicklung begonnen, als der Netscape-Browser populär wurde. Damals als kommerzieller (Payware-)Browser. 1995 begannen wir mit der Client-seitigen Entwicklung mit Livescript (später in JavaScript umbenannt), aber die serverseitige Entwicklung wurde mit CGI-Dateien in der De-facto-'nur zum Schreiben'-Sprache Perl durchgeführt.
Wie Nicklas bereits angemerkt hat, ist das Hauptproblem mit MSIE, dass nicht jeder die neueste Version verwendet. Zum Beispiel sind Windows XP-Benutzer immer noch bei MSIE8 gefangen.
Als Entwickler habe ich eine Hassliebe zu Microsoft. Ich liebe die Microsoft-Entwicklungstools wie Visual Studio, WPF, Sql Server, IIS absolut. Vor kurzem bin ich von Chrome zu MSIE zurückgekehrt. Ich bewerte ständig die Top-Browser, um zu sehen, welcher die beste Standardunterstützung hat. Derzeit ist das MSIE, also ist das jetzt mein primärer Entwicklungsbrowser. Es gibt jedoch viele von Webkit bevorzugte Websites da draußen. Eine beträchtliche Anzahl davon wird nie aktualisiert werden und seit über 5 Jahren beschweren wir uns über diese nervigen Webkit-Websites. So funktioniert die Tech-Welt einfach. Sie hat es in der Vergangenheit getan und wird es auch in Zukunft tun.
einfache HREF=”javascript:history.go(-1)”>Zurück
Das ist eine schlechte, schlechte, schlechte Praxis.
Das href-Attribut ist nicht dazu gedacht, JavaScript zu enthalten.
Ich wollte nur Danke sagen für den ‚Zurück‘-Button/Link… funktioniert perfekt :) Ich habe die PHP-Version bei einem meiner Projekte verwendet.
Vielen Dank!
hey
Danke für die PHP-Version, sie funktioniert bestens.
Vielleicht kannst du mir bei der Anpassung helfen… ich brauche eine bedingte Konstruktion mit einer Prüfung, wie viele vorherige Seiten es gibt. Ich möchte diesen Button ausblenden, wenn der Nutzer seine erste Seite aufruft. Manchmal ist das nicht die Hauptseite.
TIA.
<?php
if(basename($_SERVER['PHP_SELF']) == 'index.php'){
$GoBack = " ";
} else {
$GoBack = htmlspecialchars($_SERVER['HTTP_REFERER']);
}
Ich habe ewig danach gesucht, danke. Wird sehr nützlich am Ende eines Artikels sein, aber gibt es eine Möglichkeit, den Button durch ein Bild zu ersetzen.
David, wenn du das wirklich fragen musst, bin ich mir nicht sicher, ob du hier richtig bist, aber hier ist er, mein Freund,
Viel Glück!
..
Ich habe gerade Bens Quellcode überprüft, um zu sehen, was du angedeutet hast.
Urteile nicht, Kumpel… Jeder musste irgendwo anfangen, auch wenn es Netscape war. Ha!
Wie wäre es mit einem einfachen <a href=”history.go(-1)” rel=nofollow”>
ODER… du könntest ein onclick-Ereignis machen
Cheers! :D
Der PHP-Code funktioniert, aber es gibt ein Problem und ich brauche Hilfe bei der Behebung.
Beispiel
Ich gehe zu Seite A
dann gehe ich zu Seite B und klicke auf Seite C,
Wenn ich auf der Seite C auf den Zurück-Button klicke, gelange ich zu Seite B.
Wenn ich auf der Seite B auf den Zurück-Button klicke, gelange ich zu Seite C.
Wie kann ich das beheben?
Hast du dein Problem gelöst? Wechselt nur zwischen 2 Seiten??
Ist das nicht das, was er tun soll? Wenn Sie auf der Seite C auf den Zurück-Button klicken, um zu B zu gelangen. Wenn Sie auf der Seite B auf den Zurück-Button klicken, gelangen Sie zur zuletzt besuchten Seite, was C wäre.
Nein, sollte es nicht… Man würde erwarten, dass ein Zurück-Button weiter durch den Verlauf zurückgeht, unabhängig von den Seiten, die beim Drücken des Buttons selbst besucht wurden (d.h. wie der integrierte Browser-Zurück-Button es tut). Offensichtlich wird er aufgrund der Funktionsweise des Codes niemals das tun, also ist er nutzlos, wenn man mehr als eine Seite zurückgehen möchte.
Ich liebe diesen Button, er war sehr nützlich auf meiner Website, danke, dass Sie sich die Zeit genommen haben, ihn zu teilen :).
Abgesehen von dem, was im ersten Beitrag gesagt wurde, gibt es dafür einen anderen Grund?
Ich erreiche eine Seite mit einem Aktualisierungsformular darauf, das die Update Record-Funktion von Dreamweavers PHP/MySQL verwendet. Ich komme von verschiedenen Quellseiten dorthin und möchte nach dem Absenden zum Absenden-Button zurückkehren. Angesichts all des PHP-Codes ist es keine einfache Sache, einen Button mit einem Link zu ändern oder zu erstellen.
Irgendwelche Ideen, wie der Submit-Button zu der Seite zurückkehren kann, die ihn ursprünglich dorthin geschickt hat?
Ich habe eine neue BibleRhymes-Website in der Endphase der Erstellung und ich denke, Ihr JS-Code wird ein Teil davon sein. Danke schön!
Wow, schönes Tutorial.. danke
Der PHP-Trick funktioniert für mich bestens… danke
Hallo zusammen,
Auf Seite A habe ich einige Bildlinks (jeder führt zur zweiten Seite) und einige Daten in einer Datentabelle.
Wenn ich zu Seite B gehe und auf Zurück klicke, werden nicht alle Bildlinks angezeigt.
Aber im HTML-Quelltext ist der Code für alle Links vorhanden. Ich vermute, es ist eine CSS-Einstellung, aber ich weiß nicht, welche Eigenschaft.
Bitte raten Sie, wenn jemand es weiß.
@Ben Smalley,
Hast du Code geteilt, der zeigen würde, wie man ein Bild anstelle des Textes hier einfügt? Ich könnte wirklich Hilfe dabei gebrauchen, offensichtlich neu in PHP und ich habe das Internet erfolglos durchsucht :( Hoffentlich bist du noch hier!
Vielen Dank,
Jen
Vielen Dank für dieses kleine, einfache, aber nützliche Skript! Habe das PHP-Skript getestet, es funktioniert bestens!
Vielen Dank,
F4LLCON
Ausgezeichneter Code.
Vielen Dank
Mike
ZeePoints.com
Oh Mann!! Diese eine kleine Zeile JS-Code ist absolut brillant. Ich habe tagelang daran gearbeitet, eine Seite zurückzugehen, um einen Formulareintrag zu bearbeiten und die eingegebenen Informationen beizubehalten. Ich habe einige wirklich komplizierte Ansätze versucht, aber Ihr winziges Einzeiler-Skript ist die perfekte Lösung. Wollte nur DANKE SAGEN SO VIEL
Definitiv 5*****Sterne von mir
Können wir eine kleine Bedingung hinzufügen, um das Skript auszublenden, wenn der Besucher von woanders als von unserer Website kommt.
Danke, es funktioniert perfekt, aber ist es möglich, dass der Button zur Homepage geht, wenn Besucher gerade erst auf Ihrer Website gelandet sind oder den Button entfernen, wenn Besucher gerade erst auf Ihrer Website gelandet sind.
Ich benutze das in PHP, wenn ich auf den Zurück-Button klicke, bringt er mich zu einer leeren Seite, irgendeine Idee warum?
Vielen Dank für die bereinigte PHP-Version. Sie hat eine Sicherheitslücke behoben, die aufgetreten ist.
Meine Seite ist auf einer HTML-Seite durch CSS aufgebaut, wie kann ich einen Browser dazu bringen, zur vorherigen Seite zurückzukehren, ohne auf einen der Navigationslinks zu klicken? Irgendwelche Ideen?
Danke
Meine Lösung, wie man einen Backlink anzeigt, wenn der Benutzer "von meiner Seite" kommt und einen Link zu / für Benutzer, die diese Seite von einer externen Quelle gefunden haben.
Schöner Code und ich denke, jeder Coder hat unterschiedliche Ideen für ein gemeinsames Ziel. Jedenfalls ist es Ihre Idee, diesen nützlichen Code zu entwickeln.
Ich benutze immer
onClick=”hisory.back()”
Hallo coyier, Sie stellen hilfreiche Artikel für Anfänger/Fortgeschrittene/Experten bereit, das ist sehr nett von Ihnen, danke danke danke danke…………………………………………………….
Ich habe den untenstehenden Codeabschnitt, in dem ich einen Zurück-Button benötige
Ich habe viele Optionen ausprobiert, aber dann bekomme ich beim Hochladen auf die Website die Meldung „Parse error: syntax error, unexpected ‚<‘ in /home/newbussc/public_html/send_form_email.php on line 16“.
Kann mir bitte jemand helfen, sonst bekommen sie nur eine Seite, die ihnen sagt, dass sie zurückgehen müssen und den tatsächlichen Explorer-Zurück-Button verwenden müssen. Wie kann ich einen Zurück-Button in diesen Code einfügen, der keine Fehlermeldung gibt?
Ich poste das eigentlich nur, um etwas Frust abzulassen. Ich bin Webdesigner. JEDES MAL! Jedes Mal, wenn ich eine Website erstelle…
Kunde: „Wie gehe ich zur vorherigen Seite zurück?“
Ich: *sterbe ein bisschen innerlich*
Die breite Öffentlichkeit ist blind für den Browser… oder „das Internet“, wie sie es nennen; kann die Adressleiste nicht benutzen und erwartet nicht, die Vor-/Zurück-Buttons zu benutzen. Teil der Verantwortung liegt bei diesen verdammt schrecklichen Webprogrammierern, die den Zurück-Button KAPUTT machen und damit die Nutzer trainiert haben, dass man den Browser-Zurück-Button für Fehler klickt.
Leute, wenn der Zurück-Button des Browsers mit eurer Website nicht funktioniert, ist eure Website grundlegend schlecht gestaltet. BILDET EUCH WEITER UND BEHEBT ES.
Bis dahin ist diese CSS-TRICKS-Seite leider ein notwendiges Übel… aber ich stimme dem Autor zu. Du brauchst einen verdammt guten Grund, ihn zu benutzen, und für jeden in der Branche bedeutet ein Zurück-Button auf der Seite, dass du mit deinem Webdesign auf dem falschen Weg bist.
Nein, das stimmt überhaupt nicht, denn wenn Daten ablaufen sollen, wie es bei meinem Formular der Fall ist, dann funktioniert der Zurück-Button nicht, da die Seite abgelaufen wäre, weshalb ein anderer Button-Typ benötigt wird, und zwar einer, der zur Homepage führt.
Keine schlechte Idee, wenn man mit Android Web View mit versteckten Navigationsschaltflächen in JavaScript arbeitet.
Ich habe festgestellt, dass dies am besten funktioniert, da es für alle Browser mit aktiviertem JS funktioniert und zur Referer-Seite für Browser der "intelligenten" Leute, die JS deaktivieren, führt.
Hallo, ich muss dieses Problem in VS 2010 mit ASP.NET & C#-Code beheben. Kann mir bitte jemand sagen, wie ich dieses PHP auf einer Webseite verwenden kann?
Ich bin neu in PHP.
Ich habe das auf meinem mobilen WordPress-Theme installiert. Funktioniert am besten mit PHP. Danke
Ich bin ein bisschen ein Neuling in PHP, also entschuldige ich mich, wenn das eine dumme Frage ist….
Ich versuche, diesen PHP-Zurück-Button außerhalb einer Website zum Laufen zu bringen. Ich erstelle ein Widget, das ein Formular über PHP übermitteln kann. Aber wenn es einen Fehler im Formular gibt, wird es zu einer Fehlerseite umgeleitet, und ich brauche einen Zurück-Button auf der Fehlerseite, um zum Formular zurückzukehren. Da dies nicht in einem Webbrowser stattfindet, gibt es keinen Zurück-Button. Und da ich technisch gesehen nicht das Internet nutze, funktioniert der Code javascript:history.go(-1); ebenfalls nicht, da es im Widget keine gespeicherte Historie gibt. Grundsätzlich habe ich eine lokale HTML-Datei, die auf eine PHP-Datei auf einem Server verweist, und ich muss zurück zur HTML-Datei (ursprüngliche Seite oder das Formular) gelangen.
Das ist es, was ich jetzt in meinem PHP-Code habe und nicht herausfinden kann, wie es funktioniert. Und ich verstehe den obigen PHP-Code nicht wirklich.
Jede Hilfe wird sehr geschätzt. Danke!
Für Chrome verwenden Sie den folgenden Code
Nur dieser Code funktioniert..
Ich hoffe, er hilft…
Viel Spaß beim Codieren. :)
Für WordPress habe ich dieses hier als sehr nützlich empfunden, wenn ein Benutzer von einer externen URL auf die Seite gelangt, wird er zur URL der übergeordneten Seite weitergeleitet.
Danke für das Teilen der JavaScript-Methode, ich habe vorher die PHP-Methode verwendet, aber die JavaScript-Version ist besser :)
Hallo
Weiß jemand, wie man den oben gezeigten PHP-Code auf einer Seite meiner Website einfügt, die mit WP erstellt wurde?
Ich meine, ich möchte, dass die Besucher meiner Website von der einzelnen Paketseite zu einer allgemeinen Seite zurückkehren können, von der sie gekommen sind.
Ich weiß nicht, wie ich den PHP-Code handhaben soll, um ihn in den PHP-Code der einzelnen Paketseite einzufügen.
Danke
JC
Ich wurde einmal nach einem Rückgabe-Button gefragt und habe ihn so gemacht, aber festgestellt, dass er für Benutzer verwirrend sein kann, wenn sie von einem Suchergebnis kommen.
Danke, history.back(-1)
Löst Probleme für mich
Das ist großartig, wenn man Apps und das Web nutzt. Sagen wir, Sie möchten, dass ein Benutzer die App verlässt und den Browser öffnet. Ein Zurück-Button auf der Benutzeroberfläche des Webs ermöglicht es dem Benutzer, die App vom Web aus wieder zu öffnen. Nur meine zwei Cent.
Wie kann ich diesen Button nach rechts ausrichten?
Der PHP-Button ist einfach großartig! Ich benutze den Zurück-Button nur, wenn der Besucher ein Produkt aus einer Liste ansieht (um zur Liste zurückzukehren). Die Liste wird von Suchmaschinen nicht indexiert, um doppelte Inhalte zu vermeiden. Der PHP-Button ermöglicht es leicht, den Besucher zu halten, wenn er von einer Suchmaschine kommt, indem die Funktion „Zurück“ durch etwas wie „andere Produkte“ ersetzt wird. Es sollte auch die Absprungrate reduzieren.
history.back() akzeptiert keine Parameter, Kumpel, aber es ist leicht, sie mit history.go(-1) zu verwechseln.
Herr, ich möchte über einen Zurück-Button von jeder anderen PHP-Seite zurück zur eingeloggt-Startseite.
Vielen Dank,
Löst Probleme für mich
Ich habe ein Bild1 auf meiner Seite, das sich zu Bild2 ändert, wenn es angeklickt wird. Wenn ich zu einer anderen Seite wechsle und zurück zu dieser Seite komme, wird das Bild auf Bild1 zurückgesetzt. Ich möchte, dass Bild2 auch nach dem Zurückkehren zu dieser Seite oder dem Aktualisieren der Seite beibehalten wird. Ich bin ein Neuling in JavaScript, also bitte helfen Sie mir.
HTML-Codezeile
JS-Funktionscode
var newimg = “images/image2.png”;
function changeimg()
{
if ( newimg == “image2.png” ) {
document.images[“img”].src = “images/image2.png”;
newimg = “image1.png”;
}
else {
document.images[“img”].src = “images/image1.png”;
newimg = “image2.png”;
}
}
Wenn wir 2 Submit-Buttons in einem Formular haben und jeder Submit-Button separate Seiten haben soll.
Wie lautet die Syntax???
10 Minuten nachdem ich Onkel Google nach dem Aufenthaltsort eines kleinen Dorfes namens „back page php wordpress html5“ gefragt habe, überprüfe ich das Top-2-Ergebnis und fühle mich erledigt. Darf ich diesen Code also noch einmal auf meiner Website testen und verwenden?
leskipedia.xyz
PS. Ich bin 60 und fast blind. Obwohl ich die Standardschriftart hier sehr schätze, möchte ich anmerken, dass ich nicht einmal sehen kann, ob ich es geschafft habe, beide Kästchen unten anzukreuzen.
Größe IST wichtig.
Wo genau soll man es in einem FELD in JAVASCRIPT platzieren?