HTML5学習ノート履歴API

この一連の記事は、主にHTML5関連の知識ポイントを学習し、学習APIの知識ポイントをエントリポイントとして採用し、H5が段階的にできることを理解できるように、実際のプロジェクトで合理的に使用する方法を理解し、自由度を達成し、o（∩_∩）o（

1。オープニング分析

さて、多くのナンセンスを言わずに、今日のトピックに直接行きましょう。今日、私たちは主に履歴APIと単一ページのアプリケーションにおけるその役割について説明し、説明のプロトタイプの例として実用的な例を紹介します。最初に歴史APIを見てみましょう：

Webページの応答速度を改善するために、ますます多くの開発者が単一ページのアプリケーションソリューションを採用し始めています。いわゆるシングルページ構造は、複数のページを切り替えると、ページ全体が更新されず、ページ表示データが更新され、アドレスバーのURLがそれに応じて変更され、ユーザーがこのURLを共有できるようにするという事実を指します。

ChromeやFirefoxなどのブラウザを使用してgithub.com、plus.google.comにアクセスし、慎重にページ間のクリックがAjaxを介して非同期に要求されていることがわかります。

同時に、ページのURLが変更されました。また、ブラウザを前後に非常によくサポートできます。そのような強力な機能は何ですか？まあ、これは今日の主人公について話します。 HTML5は新しいAPIを引用します：

history.pushstateとhistory.replacestateは、このインターフェイスを介して更新せずにページURLを変更するために使用されます。履歴インターフェイスの詳細な方法を見てみましょう。