コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

リンク更新ページとjs更新ページの使い方の紹介

小云云
リリース： 2018-03-02 13:21:51
オリジナル
2160 人が閲覧しました

通常、ページの更新にはリンクと js の更新が使用されます。この 2 つの違いについては、次の記事で詳しく説明します。

1. リンクの使用方法: 

  1. <a href="javascript:history.go(-1);">返回上一页</a>   
<a href="#top">刷新当前页</a>
    ログイン後にコピー


#top の効果は私には機能しませんでした。現在のページを更新動作します

2. JSで現在のページを更新する方法

reloadメソッドは、ブラウザに現在のページを強制的に更新します。
構文: location.reload([bForceGet])
パラメータ: bForceGet、オプションのパラメータ、デフォルトは false、クライアント キャッシュから現在のページを取得します。 true の場合、最新のページは GET モードでサーバーから取得されます。これは、クライアントが F5 (「更新」) をクリックするのと同等です。
replace メソッドは、URL を指定することで現在履歴 (クライアント) にキャッシュされている項目を置き換えます。 replace メソッドを使用すると、置換された URL に「進む」および「戻る」からアクセスできなくなります。
構文: location.replace(URL)
実際のアプリケーションでは、ページを更新するときに通常、location.reload() またはhistory.go(0) を使用します。このアプローチは、クライアントが F5 キーを押してページを更新するのと似ているため、ページのメソッド = "post" が使用されると、「Web ページの有効期限が切れました」というプロンプトが表示されます。これは、Session のセキュリティ保護メカニズムによるものです。 location.reload() メソッドが呼び出されたとき、aspx ページはサーバー メモリにすでに存在しているため、IsPostback である必要があります。そのようなアプリケーションがある場合: ページをリロードする必要があります。つまり、ページがサーバー側で再作成されることが期待され、Not IsPostback が期待されます。ここでは、location.replace() によってこのタスクを実行できます。置き換えられたページは毎回サーバー上で再生成されます。
次のように記述できます: location.replace(location.href);
戻ってページを更新します: 

  1. location.replace(document.referrer);   
document.referrer //前一个页面的URL
    ログイン後にコピー

戻るためにhistory.go(-1)またはhistory.back()を使用しないでください。と ページを更新する 、これら 2 つの方法ではページは更新されません。
添付ファイル:
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

ページを自動的に更新する方法:
1. ページを自動的に更新します。 エリア

20 は、ページを 20 秒ごとに更新することを意味します。 2. 次のコードを < ;head> エリア
20 番目の指は http://www.wyxg.com にジャンプします20 秒後にページ
3. ページが自動的に JS バージョンを更新します 


<script language="JavaScript">   
function myrefresh()   
{   
window.location.reload();   
}   
setTimeout(&#39;myrefresh()&#39;,1000); //指定1秒刷新一次   
</script>
ログイン後にコピー

  1. JS リフレッシュ フレーム スクリプト ステートメント 

//如何刷新包含该框架的页面用   
<script language=JavaScript>   
parent.location.reload();   
</script>   
//子窗口刷新父窗口   
<script language=JavaScript>   
self.opener.location.reload();   
</script>   
(　或　<a href="javascript:opener.location.reload()">刷新</a> )   
//如何刷新另一个框架的页面用   
<script language=JavaScript>   
parent.另一FrameID.location.reload();   
</script>
ログイン後にコピー

  1. ウィンドウを閉じたときに更新したい場合ウィンドウが開いたら、 で次のステートメントを呼び出すだけです。 


<body onload="opener.location.reload()"> 开窗时刷新   
<body onUnload="opener.location.reload()"> 关闭时刷新   
<script language="javascript">   
window.opener.document.location.reload()   
</script>
ログイン後にコピー
  1. 関連する推奨事項:

PHP がデータベース操作を実行し、ページのタイムアウトを防止し、ページを自動的に更新する方法についての説明

JavaScript ページの更新メソッドと location.reload() の使用法の概要

更新Javascriptでのページの詳細な例

以上がリンク更新ページとjs更新ページの使い方の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
javascript リフレッシュする ページ
ソース：php.cn
前の記事：js 形式の json のコード例 次の記事：Ajaxサンプルコードのjs実装
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
JavaScript を使用せずにクリック時に画像ソースを動的に変更する CSS のみのメソッド img:active{} のような CSS のみを使用して、マウスクリック時に画像の src を変更する必要があります
から 2024-04-06 19:25:49
0
1
505
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...
から 2024-04-06 15:35:24
0
1
274
Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...
から 2024-04-06 14:54:03
0
2
421
CollapseDisplay クラスを使用してブートストラップ アコーディオン ヘッダーの外観をカスタマイズする class Collapseshow を使用してパネルのカード タイトルのスタイルを設定したいと考えています。この例では、最初のパネルです。 CSS を使用して .accordio...
から 2024-04-06 12:53:11
0
1
376
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート