2016-11-30 8 views
0

私が作成したページでクエリ文字列を使用する方法を理解しようとしています。現在、私のページには、リンクをクリックするとdivコンテンツを動的に更新するナビゲーションメニューがあります。ナビゲーションメニューは、一連の製品カテゴリ(トマト、オリーブオイルなど)で構成されています。JavaScriptでクエリ文字列を使用する方法

私の問題は、実際のHTMLページではないので、全く別のページから特定のカテゴリにリンクできるようにクエリ文字列を設定するにはどうすればいいですか?

例:

  • ランディング:products.html
  • クリック1:?products.htmlトマト
  • クリック2:?products.html oliveoil
+4

私はあなたが 'window.location.href' +正しいregex([ここを参照してください(http://stackoverflow.com/questions/901115/how-can-i-get-query-string- values-in-javascript)) – soywod

答えて

2

あなたはwindow.location.hashを使用する必要があり、 ?を使用する代わりに#を使用して、クエリー文字列をファイル名から分割する必要があります。したがって、products.html#oliveoilがある場合、window.location.hash#oliveoilになります。また、window.location.hash = 'What-you-want'でハッシュを設定することもできます。

+0

私はonclickイベントにwindow.location.hashを追加する必要がありますか?または、すべてのカテゴリにonclickの前にユニークなハッシュを割り当ててから、別のページのハッシュで完全なURLにリンクする必要がありますか?おかげで – Tom

+1

別のページから 'products.html#oliveoil'というリンクがあります。そしてproducts.htmlでは、ページがロードされた後に 'window.location.hash'を取得しなければなりません。次に、表示するコンテンツを指定する必要があります。また、メニューリンクをクリックすると、onclickイベントによってハッシュが変更されます。したがって、メニューリンクのデータ属性に同じ名前の参照があるとよいでしょう。 –

+1

onclickハンドラに加えて、アンカータグを使用してハッシュを設定することができます。 'Olive Oil' – Steve

関連する問題