如何在JavaScript中使用查询字符串

Question

我试图找出如何使用我创建的页面的查询字符串。目前，我的页面有一个导航菜单，可在您单击链接时动态更新div内容。导航菜单包含一系列产品类别（西红柿，橄榄油等）。

我的问题是，由于这些不是实际的HTML页面，我如何设置查询字符串以便能够从完全不同的页面链接到某个类别。

示例：

• 登陆：products.html
• 点击1：products.html？tomatoes
• 点击2：products.html？oliveoil

Answer 1

您应该使用window.location.hash，而不是使用?，而应使用#从文件名中拆分查询字符串。因此，如果您有products.html#oliveoil，则window.location.hash将为#oliveoil。您还可以使用window.location.hash = 'What-you-want'设置哈希值。