スタンドアロン軽量javascriptルータの更新内容

Question

jqueryと4ページの単純なWebページがあります。ヘッダー、フッター、すべてのページは静的です。私はルータのコンテンツルータのための軽量のスタンドアロンjavascriptルータを探しています。私の目標は、angularui.routerのようにページをリロードせずにコンテンツを更新することです。主な要件は、ユーザーがリンクをクリックしたときの変更URL、およびユーザーがURLを介して直接アクセスしたときのページコンテンツへのルートです。 example.com/page1

• index.htmlを
• page1.html
• page2.html
• page3.html

Answer 1

は、これらのページを見てみましょう：

• https://developer.mozilla.org/en-US/docs/Web/API/History/pushState
• https://developer.mozilla.org/en-US/docs/Web/Events/popstate
• https://css-tricks.com/using-the-html5-history-api/
• http://html5doctor.com/history-api/

彼らはすべてHTML5の履歴APIについてです。これにより、リロードせずにURLなどを変更することができます。 URLの変更を確認したり、変更をロードしたり表示したりすることができます。

Answer 2

これは、SPA（単一ページのアプリケーション）と呼ばれています。これを処理するには、AngularJSをngRouteで使用できます。

このtutorialをご覧ください。

Answer 3

これは、履歴ベースのルーティングhttps://github.com/yevt/simplistic-spa-router/blob/master/app.jsの非常に単純な例です。

このレポをクローンすることができます。その動作例です。それを再生するには、静的Webサーバーが必要です。私はテスト中にこれを使いました：https://github.com/indexzero/http-server。