ホームページ > ウェブフロントエンド > H5 チュートリアル > ポップステートの使い方は? Popstate インスタンスの使用法の概要

ポップステートの使い方は? Popstate インスタンスの使用法の概要

零下一度
リリース: 2017-06-12 13:43:21
オリジナル
5771 人が閲覧しました

この記事では主に HTML5 の Pushstate と Popstate の操作履歴を紹介し、更新せずに現在の URL を変更することに関する関連情報を紹介します。window.history はウィンドウの履歴を表す次のステップを参照してください。オブジェクトはユーザーによってアクティブに生成され、JavaScript スクリプトによって制御されるグローバル オブジェクトを受け入れます。 window オブジェクトは、history オブジェクトを通じてブラウザ履歴へのアクセスを提供します。これは、履歴内を自由に前後に移動できるようにするいくつかの非常に便利なメソッドとプロパティを公開します。 1. 履歴の前後方向 履歴に戻るには、次の操作を実行します。 window.history.back(); これは、ユーザーがブラウザの「戻る」ボタンをクリックするのと同じです。同様に、次のようにブラウザで進むボタンをクリックするのと同じように、次のように進むことができます。 window.history.forward(); 2. 現在のページ位置を基準とした相対値を指定して、指定した履歴ポイントに移動します。 go() メソッドは、現在のセッションの履歴からページを読み込みます

1. HTML5 のプッシュステートおよびポップステートの操作履歴を更新せずに現在の URL を変更するための詳細な紹介

ポップステートの使い方は? Popstate インスタンスの使用法の概要

はじめに: この記事主に、HTML5 のプッシュステートとポップステートの操作履歴と、更新せずに現在の URL を変更することに関する関連情報を紹介しました。必要な方は、

2 を参照してください。 HTML5 のプッシュステートとポップステートの操作履歴と、更新せずに現在の URL を変更する方法についての詳細な説明。 . コード例

ポップステートの使い方は? Popstate インスタンスの使用法の概要

はじめに: この記事では主に HTML5 の Pushstate と Popstate の操作履歴と、更新せずに現在の URL を変更するための関連情報を紹介します

3. JQ ページに戻ると、プロンプト ボックスが表示されます

ポップステートの使い方は? Popstate インスタンスの使用法の概要

はじめに:demo.js jQuery(document).ready(function ($) { if (window.history && window) .history.pushState) { $(window).on('popstate', function () { var hashLocation = location.hash; var hash ...

4. pushState、popState、location.hash などを使用する自分で小さなルートを実装するメソッド

ポップステートの使い方は? Popstate インスタンスの使用法の概要 はじめに: この記事では主に HTML5 の履歴によって提供される PushState と replaceStateAPI を記録します

5。より良いブラウジングエクスペリエンスを作成する - HTML5 履歴 API

概要: HTML5 履歴 API には、history.pushState() とhistory.replaceState() の 2 つのメソッドと、window.onpopstate の 1 つのイベントのみが含まれます。 [関連する Q&A の推奨事項]:

javascript - WeChat の Popstate イベント、ロールバック イベントを解決し、init 初期化データをキャンセルする方法

javascript - arcgis で js によって取得された url パラメーターの値を表示する方法サーバーマップ?

javascript - onpopstate イベントの状態を取得できません?

javascript - Ajax を使用して、更新せずに Web ページのアドレス (URL) を変更し、コンテンツを前後に変更する方法は?

javascript - クロムの戻る進むボタンは onpopstate イベントをトリガーしません

以上がポップステートの使い方は? Popstate インスタンスの使用法の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート