jQueryを使用してページをリフレッシュせずにURLを変更する方法

ブラウザの履歴にURLを追加する方法: この方法では、ブラウザの履歴に新しいURLを追加し、URLの変更をシミュレートします。以下のコードを使用して、現在のURLにパラメータを追加することができます。

var newUrl = window.location.href + '?param1=value1&param2=value2';
window.history.pushState({ path: newUrl }, '', newUrl);

このコードでは、window.history.pushState() メソッドを使用して新しいURLを履歴に追加しています。path プロパティには新しいURLが指定され、'' はタイトルを表します。

ハッシュ(#)を使用する方法: この方法では、URLのハッシュ部分を変更することで、ページ内の特定のセクションに移動する効果を得ます。以下のコードを使用して、新しいハッシュを追加できます。

window.location.hash = 'section1';

このコードでは、window.location.hash プロパティを使用して新しいハッシュ値を設定しています。これにより、ページ内の id="section1" を持つ要素にスクロールすることができます。