ホームページ > 記事 > ウェブフロントエンド > JavaScript での戻ると更新の詳細な例

JavaScript での戻ると更新の詳細な例

黄舟オリジナル: 2017-12-04 13:41:221961ブラウズ

JavaScript を学習しているときでも、日々の開発の中でも、ユーザーエクスペリエンスを向上させるために、戻る関数と更新関数は常に使用されます。そこで、今日は 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()">

戻る + 更新622c546399691f6d260da612c2cd416eC# Web プログラムで、ページ用に作成した場合button

前のページに戻るCode

this.RegisterClientScriptBlock("E", "<script language=javascript>history.go(-2);</script>");

このうちhistory.go(-2)はボタンイベントが発生する前にページが更新されているので-2と書かれているはずです。

Response.Write("<script language=javascript>history.go(-2);</script>");

ここにも「-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(&#39;Refresh&#39;)
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href

概要:

この記事では、JavaScript での背面と更新について例を交えて紹介します。仕事はあなたの役に立ちます！

JavaScript での戻ると更新の詳細な例

関連記事