jsでのwindow.historyの使い方(2)

零下一度
リリース: 2017-05-18 10:47:29
オリジナル
2038 人が閲覧しました

Window.history は、セッション中にユーザーの Web サイトへのアクセス記録を保存し、ユーザーが新しい URL にアクセスするたびに、新しい履歴レコードが作成されます。

history.go()、history.back()、history.forward()history.back()、history.forward()は、それぞれ1ページ前と1ページ前を表します。 history.go(num) は、前方または後方に何ページめくるかを示します。num が正の数の場合は前方に戻ることを意味し、負の数の場合は後方に戻ることを意味します。

Windows ウィンドウ オブジェクト (履歴)、history.go()、history.back()、history.forward()。

Windows オブジェクト参照は必要ないからです。したがって、windows.history.go() ==history.go()となります。

go() メソッドにはパラメーターが 1 つだけあり、整数または負の数値を指定できます。陽性の場合は先に進みます。負の数は後退を意味します。 (進むと戻るの違いに相当)

したがって、1 ページ戻るには、次のコードを使用できます: (複数のページに戻るには、go のパラメーターを変更するだけです)

   window.history.go(-1);
ログイン後にコピー

1 ページ進むには、正の数値を使用するだけです。

   history.go(1);
ログイン後にコピー

さらに、back() メソッドと forward() メソッドを使用して同じ操作を実行できます:

      history.back();   后退
      history.forward(); 前进
ログイン後にコピー

length 属性を使用して履歴のページ数を表示することもできます:

   history.length;
ログイン後にコピー

2.history.go(-1) とhistory.back( ) の違い

history.go(-1)表示后退与刷新。如数据有改变也随之改变
   history.back()只是单纯的返回到上一页。
ログイン後にコピー

例:

Html コード

<p class="oper_context_view">  
          <a id="btn_exit" class="btn" href="javascript:void(0);">返回</a>  
 </p>
ログイン後にコピー

Js コード

$("#btn_exit").bind("click",function(){  
              window.location.reload();    //刷新  
              window.history.go(1);         //前进  
              window.history.go(-1);        //返回+刷新  
              window.history.forward();  //前进  
              window.history.back();       //返回  
  });
ログイン後にコピー

【関連する推奨事項】

1. 特別な推奨事項 : 「php Programmer Toolbox」V0.1版ダウンロード 2.

jsでのwindow.historyの使い方(1)

3.

h5のhistory.pushState()の使用例を詳しく紹介

4.

h5 の履歴機能の詳細な理解 --pushState、replaceState

5.

Web アプリケーションに対する h5 の History API の影響

以上がjsでのwindow.historyの使い方(2)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!