ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript でのバックおよびリフレッシュ実装メソッド
<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