web-dev-qa-db-ja.com

JavaScriptまたはHTMLを使用してページを更新する

JavaScriptまたはHTMLを使用してページを更新する方法

javascripthtmlpage-refresh
203
Prabakaran

JavaScriptのwindow.location.reload();

HTMLの<meta http-equiv="refresh" content="1">（1 = 1秒）.

255
Reid

ここに javascriptを使って /ページをリロードする535の方法があります。

これが最初の20です：

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)

と最後の10：

self['location']['replace'](self.location['href'])
location.reload()
location['reload']()
window.location.reload()
window['location'].reload()
window.location['reload']()
window['location']['reload']()
self.location.reload()
self['location'].reload()
self.location['reload']()
self['location']['reload']()

元の記事

206
epoch

単に使用します。

location.reload(true/false);

Falseの場合、ページはキャッシュから、それ以外の場合はサーバーから再ロードされます。

63
Wolv3rine
window.location.reload()

しかしうまくいくはずですが、次のようなさまざまなオプションがあります。

window.location.href=window.location.href
10
Mike Lewis

また使用することができます

<input type="button" value = "Refresh" onclick="history.go(0)" />

それは私にとってはうまくいきます。

6
Mandeep Singh

つかいます：

window.location.reload();
3
Rob

ここにキャッシュされたページの更新を制御するための何かがあるならば、私はこれを行う方法をNiceメソッドにします。

  • 読み込み時に常に文字列（ajax）としてページのバージョン番号を取得するページにJavaScriptを追加します。例えば、次のとおりです。www.yoursite.com/page/about?getVer=1&__[date]
  • ユーザーが一度そのページにアクセスしたことがある場合は、それを保存されているバージョン番号（cookieまたはlocalStorageに保存されている）と比較し、それ以外の場合は直接保存します。
  • バージョンがローカルバージョンと異なる場合は、window.location.reload（true）を使用してページを更新してください。
  • ページに加えられた変更が表示されます。

このメソッドは、ローカルブラウザのキャッシュに既に存在するため、要求が不要な場合でも、少なくとも1つの要求を必要とします。しかし、キャッシュがまったく使用されていない場合と比べて、オーバーヘッドが少なくなります（確実にページに正しい更新内容が表示されるようにするため）。これには、各ページのすべてのコンテンツではなく、各ページ要求にわずか数バイトが必要です。

重要：バージョン情報の要求はあなたのサーバーに実装されなければなりません、そうでなければそれはページ全体を返します。

www.yoursite.com/page/about?getVer=1&__[date]によって返されるバージョン文字列の例：skg2pl-v8kqb

あなたにコードの例を与えるために、これは私のライブラリの一部です（私はあなたがそれを使うことができるとは思わないが、多分それはあなたにそれをする方法をいくつかのアイデアを与えます）：

o.gCheckDocVersion = function() // Because of the hard caching method, check document for changes with ajax 
{
  var sUrl = o.getQuerylessUrl(window.location.href),
      sDocVer = o.gGetData( sUrl, false );

  o.ajaxRequest({ url:sUrl+'?getVer=1&'+o.uniqueId(), cache:0, dataType:'text' }, 
                function(sVer)
                {
                   if( typeof sVer == 'string' && sVer.length )
                   {
                     var bReload = (( typeof sDocVer == 'string' ) && sDocVer != sVer );
                     if( bReload || !sDocVer )
                      { 
                        o.gSetData( sUrl, sVer ); 
                        sDocVer = o.gGetData( sUrl, false );
                        if( bReload && ( typeof sDocVer != 'string' || sDocVer != sVer ))
                         { bReload = false; }
                      }
                     if( bReload )
                      {  // Hard refresh page contents
                        window.location.reload(true); }
                   }
                }, false, false );
};

Javascriptやcssファイルなど、バージョンに依存しないリソースを使用している場合は、versionnumbersを追加します（ほとんどの場合キャッシュされないため、クエリではなくURLの書き換えで実装されます）。例：www.yoursite.com/ver-01/about.js

私にとって、この方法はうまく機能しています、多分それはあなたを助けることもできます。

2
Codebeat