In diesem Artikel wird hauptsächlich die detaillierte Erforschung der HTML5-Geschichte-API vorgestellt und konzentriert sich auf die neue Methodengeschichte. Freunde, die es brauchen, können sich darauf beziehen.
Geschichte macht Spaß, nicht wahr? In früheren HTML -Versionen hatten wir nur sehr begrenzte Operationen zum Durchsuchen der Geschichte. Wir können die Methoden verwenden, die wir hin und her verwenden können, aber das ist alles, was wir tun können.
Mithilfe der HTML 5 -Geschichte -API können wir jedoch die Geschichte des Browsers besser steuern. Zum Beispiel: Wir können der Liste des Verlaufs einen Datensatz hinzufügen oder die URL der Adressleiste aktualisieren, wenn sie nicht aktualisiert wird.
Warum Geschichte -API einführen?
In diesem Artikel werden wir den Ursprung der History -API in HTML 5. Vorher erfahren. Vorher haben wir häufig Hash -Werte verwendet, um den Seiteninhalt zu ändern, insbesondere solche, die für die Seite besonders wichtig sind. Da es nicht aktualisiert ist, ist es unmöglich, seine URL für eine einzelne Seitenanwendung zu ändern. Wenn Sie den Hash -Wert der URL ändern, hat dies auch keinen Einfluss auf die Geschichte des Browsers.
Damals sind diese für die HTML 5-Historie-API einfach implementiert. Da jedoch einzelne Anwendungen keine Hash-Werte verwenden müssen, ist möglicherweise zusätzliche Entwicklungsskripte erforderlich. Es ermöglicht uns auch, neue Anwendungen auf SEO-freundliche Weise zu erstellen. Darüber hinaus kann es die Bandbreite verringern, aber wie kann es bewiesen werden?
In dem Artikel werde ich die History -API verwenden, um eine einzelne Seitenanwendung zu entwickeln, um das oben genannte Problem zu beweisen.
Dies bedeutet auch, dass ich zuerst die erforderlichen Ressourcen auf der Homepage laden muss. Beginnen Sie nun, die Seite lädt nur den Inhalt, den Sie benötigen. Mit anderen Worten, die Anwendung lädt nicht den gesamten Inhalt am Anfang und wird nur beim Anfordern des zweiten Anwendungsinhalts geladen.
Beachten Sie, dass Sie eine serverseitige Codierung durchführen müssen, um nur einen Teil der Ressourcen zu bereitstellen, nicht den vollständigen Seiteninhalt.
BrowserunterstützungBeim Schreiben dieses Artikels ist die Unterstützung für die Geschichte der Geschichte von Major Browsern sehr gut. Sie können hier klicken, um ihre Unterstützung anzuzeigen. Dieser Link zeigt Ihnen die unterstützten Browser und bevor sie sie verwenden, gibt es immer gute Praktiken, um bestimmte unterstützte Funktionen zu erkennen.
Um festzustellen, ob der Browser diese API in gewisser Weise unterstützt, können Sie die folgende Codezeile verwenden, um zu überprüfen:
XML/HTML -Code -Inhalt in die Zwischenablage kopieren