タグ

jQueryとhash.jsに関するyou1techのブックマーク (1)

  • hash.js活用ガイド: URLハッシュ操作の最適化手法とjQuery実装テクニック|DAD UNION – エンジニア同盟

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

    hash.js活用ガイド: URLハッシュ操作の最適化手法とjQuery実装テクニック|DAD UNION – エンジニア同盟
    you1tech
    you1tech 2022/09/19
    1ページ内でコンテンツの切替りを行って別ページURLとして表示させるときに使えそう。
  • 1