html5 pushstateとブラウザリターンイベントのリスニング
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の過去記事を検索するか、以下の記事を引き続き閲覧してください。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
サンプルレートとビットレートを設定してmp3オーディオを録音するhtml5
-
Html5による大画面データビジュアライゼーション開発の実装
-
html5で複数ページ通信を行うsharedWorkerのコード例
-
wx.hideMenuItemsを使用してH5の開発を解決する方法を説明する 効果がない 効果がない
-
iPhoneXの画面適応 WeChatアプリとH5でセーフエリア下部の小さな黒いバー
-
リフレッシュせずにURLを変更するHTML5メソッド
-
h5 web透かしSDKの実装コード例
-
透明度を変更するためのキャンバスピクセル処理コード
-
モバイルでiframeを拡大縮小するサンプルコード
-
モバイルドローイングブラー問題解決におけるキャンバスの深い理解