1. ホーム
  2. Web制作
  3. html5

html5 pushstateとブラウザリターンイベントのリスニング

2022-01-12 09:18:30

pushstateとlisten to browser returnで問題解決

1. 実際の開発は、我々は、コンポーネントの内容を記入した後、我々は、コンポーネントと同じページで、この時点でページをクリックすると、前のページに戻るの印象を与えるために返すので、終了すると記入したくないことがわかりますが、物事を記入するページの前にもはや、これは経験に影響を与えるです。

そこで、pushstateメソッドを使って、ブラウザを更新せずにurlを変更し、戻るときには、前のページではなく、このAページに戻ってくるようにすればよいのです。しかし、その場合、コンポーネントの表示・非表示を制御するために、リターンボタンをリッスンすることも必要です。これも重要です。そうでないと、コンポーネントが非表示にならないので、効果がないのと同じになってしまいます。

プッシュステート

使用方法(一般的な場合)

import codecs

パラメータの説明です。

pushState()は3つのパラメータを取ります。stateはjsオブジェクト、titleはタイトル(現在は無視)、そしてオプションでURLアドレスを指定します。

pushstateに関する注意点

ブラウザはサーバーにデータを要求せず、直接urlアドレスを変更するので、同様にハッシュの偽装版と理解できる。しかし、ハッシュとは異なり、ブラウザはpushStateの履歴を記録し、ブラウザの前進・後退機能を利用することが可能である。

ブラウザの戻るボタンを聴く

open(filename,'r')

から取得した。 https://segmentfault.com/a

html5におけるpushstateとブラウザリターンイベントのリッスンについての記事は以上です。html5のpushstateについては、Script Houseの過去記事を検索するか、以下の記事を引き続き閲覧してください。