ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript でのバックおよびリフレッシュ実装メソッド

JavaScript でのバックおよびリフレッシュ実装メソッド

高洛峰
高洛峰オリジナル
2016-12-07 11:11:341098ブラウズ

<input type=button value=刷新 onclick="window.location.reload()">
<input type=button value=前进 onclick="window.history.Go(1)">
<input type=button value=后退 onclick="window.history.go(-1)">
<input type=button value=前进 onclick="window.history.forward()">
<input type=button value=后退 onclick="window.history.back()"> 后退+刷新<input type=button value=后退 onclick="window.history.go(-1);window.location.reload()">

C# Web プログラムで、ページ ボタンの前のページに戻るコードを記述する場合

this.RegisterClientScriptBlock("E", "a2bbbb160e7164ddd930eed2a74569d1history.go(-2 );9429d6e1efad07153846e528605c447e");

このうち、history.go(-2)は-2と書く必要があります。ボタンイベントがトリガーされる前にページが更新されているため、-2となります。

Response.Write("cb07111ca5ae5ef678bbf0d01d0237c0history.go(-2);2cacc6d41bbb37262a98f745aa00fbf0");

ここにも「-2」と書きます。スクリプトを直接記述するのとは異なります。 history.back()は前のページに移動
i=1
history.go(i)は指定したページに移動

history.go(0)の場合はこの2つのJSコードを更新することになります。 IE の前方および後方関数と同等です。

具体的な使用方法は、いつ必要になるかによって異なります。たとえば、ユーザー登録時の検証はバックグラウンド検証であり、要件が満たされていない場合に使用できるため、ユーザーがデータを繰り返し入力する必要性を最小限に抑えることができます。

例: ページの読み込み中:

  function onLoadPage(){
   if(event.srcElement.tagName=="SPAN"){
     oFrame=top.window.middle.frames[2];
     oTxt=event.srcElement.innerText;
     switch(oTxt){
       case "前 进":
         oFrame.history.go(1);
       case "后 退":
         oFrame.history.back();
       case "刷 新":
         oFrame.location.reload();
     }
   }
}

JSP ページを開きます。クライアント スクリプトで更新する必要があります。

Javascript でページを更新するいくつかの方法:

1 History.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。