強制的にページをリフレッシュして#sectionにジャンプ

Question

完全に初歩的なものが欠けているようです。私が達成しようとしていることは、かなり一般的なケースのように見えます。それで、どうして簡単な方法がないのか疑問に思います。

問題はJavaScriptから現在のページを最新表示し、同時に#sectionに着陸したいということです。私が単純に行った場合：

document.location.href = document.location.href + "#section"; 

私がテストしたすべてのブラウザは、その#section（リロードなし）にスクロールするだけです。それはある意味で意味があります。ただ、完全を期すために、私は

document.location.assign(document.location.href + "#section"); 

をすれば、それは（驚くことではないが、それは確かに同じ機能を内部的に沸く）同じことを行います。最後に、documentオブジェクトにはdocument.reload()関数もあるようですが、これはリロードを強制するかどうかを指定するオプションのboolean引数をとりますが、明らかに#sectionを指定することはできません。私は（これらのメソッドを使用して）見つけることができる唯一の方法は、以下の組み合わせだった。

document.location.assign(document.location.href + "#section"); 
document.location.reload(); 

しかし、あなたはおそらく推測しているとして、それは、実際に3回をスクロールするために、ブラウザの原因とリロードをスクロールしているので、それは、理想的ではありません最終的には。

私はそこに方法があることを知っています：サーバー側のリダイレクトや独自のランダムなクエリ文字列パラメータの追加などがありますが、単純な方法はないと思われます。

Answer 1

これは、ロケーションオブジェクトの「ハッシュ」値です。あなたはが絶対必要がある場合は

function scrollToElement(elem) { 
    if(typeof elem == 'string') elem = document.getElementById(elemId); 
    var top = 0; 

    if(elem) { 
     if(elem.offsetParent) { 
      top = elem.offsetTop; 

      while(elem = elem.offsetParent) { 
       top += elem.offsetTop; 
      } 
     } 

     window.scrollTo(0, top); 
    } 

} 

...それは一貫して動作しない場合は、あなたがscrollToElement機能を使用して検討する必要があります

location.hash = "#section"; 

...このようにそれを設定する必要がありますページのリロード（なぜあなたは今まででしょうかわからない）、自分自身でウィンドウを開いてみてください...

window.open(location.href + '#section', '_top'); 

または交換してみてください...

はるかに簡単な解決策はあり

location.replace(location.href + '#section'); 

Answer 2

：

if (document.location.href.match(/[?]/)) 
    document.location.href = document.location.href + '&fake_param=' + Math.random() + '#section' ; 
else  
    document.location.href = document.location.href + '?fake_param=' + Math.random() + '#section' ;