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

黄舟
リリース: 2017-12-04 13:41:22
オリジナル
2006 人が閲覧しました

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()">
ログイン後にコピー

戻る + 更新C# 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 での背面と更新について例を交えて紹介します。仕事はあなたの役に立ちます!

関連する推奨事項:

ブラウザのページが戻る、ajaxを再実行する方法

ブラウザのページバック機能を無効にするjsの詳細な例

jsを実装するBackspace キーを無効にして、デバイスを前にブラウズします

以上がJavaScript での戻ると更新の詳細な例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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