ページの読み込みを伴わないURLの操作は、ユーザビリティやコンテンツの表示切り替えに役立ちます。 この記事では、hash.jsを用いて、URLにハッシュ(#)を追加し、ページURLの取得・操作の方法を詳しく解説します。 ハッシュ操作の背景 一般的に、ウェブページの内容を切り替える際には新しいページが読み込まれるのが通常ですが、hash.jsのようなツールを使用することで、ページのリロードを伴わない操作が可能になります。これは、SPA(Single Page Application)のようなモダンなウェブアプリケーションで特に役立ちます。 ハッシュを操作するCSSの設定 まず、ハッシュを操作するエリアのデザインを設定します。以下は、ハッシュ操作エリアを示すためのCSSです。 #idHshエリアをクリックするとURLにハッシュ(#)を付けます。 <style type="text/css">