JavaScriptを使用してページをリロードする方法

JavaScriptを使用してページをリロードするにはどうすればよいですか？

すべてのブラウザで機能するメソッドが必要です。

JavaScript 1.0

window.location.href = window.location.pathname + window.location.search + window.location.hash;
// creates a history entry

JavaScript 1.1

window.location.replace(window.location.pathname + window.location.search + window.location.hash);
// does not create a history entry

JavaScript 1.2

window.location.reload(false); 
// If we needed to pull the document from
//  the web-server again (such as where the document contents
//  change dynamically) we would pass the argument as 'true'.

location.reload();

詳細については、このMDNページを参照してください。

後にリフレッシュしているonclick場合は、直後にfalseを返す必要があります

location.reload();
return false;

ここにあるのJavaScript使用してページをリロードする535個の方法、最も簡単なビーイングはlocation = location。

これらは最初の50です。

location = location
location = location.href
location = window.location
location = self.location
location = window.location.href
location = self.location.href
location = location['href']
location = window['location']
location = window['location'].href
location = window['location']['href']
location = window.location['href']
location = self['location']
location = self['location'].href
location = self['location']['href']
location = self.location['href']
location.assign(location)
location.replace(location)
window.location.assign(location)
window.location.replace(location)
self.location.assign(location)
self.location.replace(location)
location['assign'](location)
location['replace'](location)
window.location['assign'](location)
window.location['replace'](location)
window['location'].assign(location)
window['location'].replace(location)
window['location']['assign'](location)
window['location']['replace'](location)
self.location['assign'](location)
self.location['replace'](location)
self['location'].assign(location)
self['location'].replace(location)
self['location']['assign'](location)
self['location']['replace'](location)
location.href = location
location.href = location.href
location.href = window.location
location.href = self.location
location.href = window.location.href
location.href = self.location.href
location.href = location['href']
location.href = window['location']
location.href = window['location'].href
location.href = window['location']['href']
location.href = window.location['href']
location.href = self['location']
location.href = self['location'].href
location.href = self['location']['href']
location.href = self.location['href']
...

このタスクは、を使用して実行できますwindow.location.reload();。これを行う方法はたくさんありますが、同じドキュメントをJavaScriptでリロードするには適切な方法だと思います。ここに説明があります

JavaScript window.locationオブジェクトを使用できます

• 現在のページアドレス（URL）を取得する
• ブラウザを別のページにリダイレクトする
• 同じページをリロードする

window：JavaScriptでは、ブラウザで開いているウィンドウを表します。

location：JavaScriptでは、現在のURLに関する情報を保持します。

locationオブジェクトは、断片のようなものであるwindow物体とを介して呼び出されるwindow.locationプロパティ。

location オブジェクトには3つのメソッドがあります。

1. assign()：新しいドキュメントをロードするために使用されます
2. reload()：現在のドキュメントを再読み込みするために使用されます
3. replace()：現在のドキュメントを新しいドキュメントに置き換えるために使用されます

reload()同じドキュメントをリロードするのに役立つので、ここではを使用する必要があります。

だからのように使ってくださいwindow.location.reload();。

jsfiddleのオンラインデモ

キャッシュではなくサーバーから直接ページを取得するようブラウザに要求するには、にtrueパラメータを渡しますlocation.reload()。この方法は、IE、Chrome、Firefox、Safari、Operaを含むすべての主要なブラウザーと互換性があります。

試してください：

window.location.reload(true);

パラメータを「true」に設定すると、サーバーから新しいコピーが再ロードされます。除外すると、キャッシュからページが提供されます。

詳細については、MSDNおよびMozillaのドキュメントを参照してください。

method="post"フォームの送信後など、POSTリクエストで取得したページのリロードに関する情報を探していました。

POSTデータを保持したままページをリロードするには、次を使用します。

window.location.reload();

POSTデータを破棄してページをリロード（GETリクエストを実行）するには、以下を使用します。

window.location.href = window.location.href;

うまくいけば、これは同じ情報を探している他の人を助けることができます。

JavaScriptを使用してページをリロードするには、次を使用します。

window.location.reload();

これは私にとってはうまくいきます：

function refresh() {    
    setTimeout(function () {
        location.reload()
    }, 100);
}

http://jsfiddle.net/umerqureshi/znruyzop/

あなたが置くなら

window.location.reload(true);

そのコードが実行される理由を限定する他の条件がないページの先頭では、ページが読み込まれ、ブラウザーを閉じるまでページの再読み込みが続行されます。

location.href = location.href;

簡単かつシンプルにするには、を使用しますlocation.reload()。location.reload(true)サーバーから何かを取得したい場合にも使用できます。

ボタンを使用するか、単に "a"（アンカー）タグ内に配置します。

<input type="button" value="RELOAD" onclick="location.reload();" />

他のニーズのためにこれらを試してください：

Location Objects has three methods --

assign() Used to load a new document
reload() Used to reloads the current document.
replace() Used to replace the current document with a new one

最短（もっと）

history.go()

20秒後のページの自動再読み込み。

<script>
    window.onload = function() {
        setTimeout(function () {
            location.reload()
        }, 20000);
     };
</script>

この投稿は、提案された回答をページに再読み込みするだけでなく、ボタンにjQuery UIアイコンを配置するというアイデアを与えるのにも非常に役立ちました。

<button style="display:block; vertical-align:middle; height:2.82em;"
        title="Cargar nuevamente el código fuente sin darle un [Enter] a la dirección en la barra de direcciones"
        class="ui-state-active ui-corner-all ui-priority-primary" 
        onclick="javascript:window.location.reload(true);">
    <span style="display:inline-block;" class="ui-icon ui-icon-refresh"></span>
    &nbsp;[<b>CARGAR NUEVAMENTE</b>]&nbsp;
</button>

2016-07-02

これはうまくいくはずです：

window.location.href = window.location.href.split( '#' )[0];

または

var x = window.location.href;
x = x.split( '#' );
window.location.href = x[0];

私は以下の理由でこれを好みます：

• ＃の後の部分を削除し、ページを含むコンテンツを再読み込みしないブラウザーでページが再読み込みされるようにします。
• 最近フォームを送信した場合、最後のコンテンツを再投稿するかどうかは尋ねられません。
• 最新のブラウザでも動作するはずです。Lasted FirefoxおよびChromeでテスト済み。

または、このタスクには最新の公式方法を使用できます

window.location.reload()

このボタンを使用してページを更新します

デモ

<input type="button" value="Reload Page" onClick="document.location.reload(true)">

reload（）メソッドは、現在のドキュメントを再読み込みするために使用されます。

reload（）メソッドは、ブラウザの再読み込みボタンと同じように機能します。

デフォルトでは、reload（）メソッドはキャッシュからページをリロードしますが、forceGetパラメーターをtrueに設定することで、サーバーからページを強制的にリロードできます：location.reload（true）。

        location.reload();

あなたは単に使うことができます

window.location=document.URL

document.URLは現在のページのURLを取得し、window.locationはそれを再読み込みします。