2017-06-22 28 views
1

すべてのコンテンツを更新せずにページを変更する方法を探しているとき、履歴APIを見つけました。HTML5 - 履歴API

明らかに、ページの一部を変更して履歴に影響を与えるリンクを作ることは可能です。たとえば、このリンクをクリックするとmyaddress.comからmyaddress.com/page.htmlにリンクが送信され、サブページのみが更新されます。

しかし、私はどのようにURLをmyadress.com/page.htmlサブページ外のすべてのコンテンツを含む正しいページに直接移動できますか?

次のデモ(ない鉱山)は、コンテンツの置き換えではなく、例えば、ルーティングURLを行います。https://html5demos.com/history/

私は、可能な場合は、URLの書き換えとjQueryを避けたいです。

答えて

1

通常のリンクを使用していて、最初はJavaScriptを使用していない場合と同じ方法です。ページ間で共有されるテンプレート(あなたがメニューなどのコンテンツを(重複を避けることができます)とサーバー側の言語を伴うだろう一般

あなただけしかし静的なHTMLファイルを作成することができます。

+0

はあなたを行いますたとえば、サブページにrequire_onceを追加するという意味ですか?つまり、ページ全体がリロードされたことを意味しませんか? – vcuongvu

+0

「サブページにrequire_onceを追加することを意味しますか?」 - 複数のページに共有コンテンツを含める方法の1つです。 – Quentin

+0

"ページ全体がリロードされたということではないのですか?" - いいえ、JSでページを更新するときは、別のコンテンツを更新するだけです。ページを最初から読み込んだ場合(つまり、 'pushState'の代わりにURLを直接訪問することによって) – Quentin