使用JavaScript将标签附加到URL

小编典典

使用JavaScript将标签附加到URL

ajax

我想建立一个不牺牲SEO的ajax网站。我的问题是：如果我的页面上有这样的链接：

   <a href="http://example.com/cats" id="cats">Cats</a>
   <a href="http://example.com/dogs" id="dogs">Dogs</a>

…当单击每个链接时，我想用相应的标签更新地址栏。因此，如果单击“猫”链接，则当前位置为 http://example.com/#cats，我可以用它来显示我的Ajax内容。如果javascript关闭或用户是搜索引擎，他们将直接转到/
cats

阅读 321

2020-07-26

共1个答案

小编典典

您可以更改location.hash属性，它会更改当前的锚标识符，而无需导航离开页面，例如，您可以：

<a href="http://mysite.com/cats" id="cats" class="ajaxLink">Cats</a>
<a href="http://mysite.com/dogs" id="dogs" class="ajaxLink">Dogs</a>

然后：

$('.ajaxLink').click(function (e) {
  location.hash = this.id; // get the clicked link id
  e.preventDefault(); // cancel navigation

  // get content with Ajax...
});

2020-07-26