Html 带有URL片段的超链接(hashbang)

Html 带有URL片段的超链接(hashbang),html,Html,我有一个带有以下超链接的网站(URL:): <a href="http://www.example.com/#!about">About</a> 当我点击链接时,它不会重定向。浏览器什么也没做。如何导航到/#!关于带有标签的页面 这样的链接需要用JavaScript处理。特别是,您的页面上需要有JavaScript代码来处理。我强烈建议将这些链接作为单独的服务器URL发送(即使用“/about”而不是“#!/about”),以便禁用JavaScript的浏览器可以导

我有一个带有以下超链接的网站(URL:):

<a href="http://www.example.com/#!about">About</a>


当我点击链接时,它不会重定向。浏览器什么也没做。如何导航到
/#!关于带有
标签的
页面

这样的链接需要用JavaScript处理。特别是,您的页面上需要有JavaScript代码来处理。我强烈建议将这些链接作为单独的服务器URL发送(即使用“/about”而不是“#!/about”),以便禁用JavaScript的浏览器可以导航到它们,然后在注册hashchange事件侦听器的代码中,更新所有这些URL以指向哈希(事实上,它是用JavaScript更新的,这证明JavaScript已启用并可以处理链接)。

尝试以下方法:

$("a").live("click", function(event){
    var href = $(this).attr("href");
    if(href[0] == "/"){
        event.preventDefault();
        window.location.hash = "#!" + href;
    }
});

使用字母数字文件夹名称。

您的站点是SPA吗?您是否使用pushState进行导航?您的意思是没有hashbang?这并不能提供问题的答案。若要评论或要求作者澄清,请在其帖子下方留下评论-您可以随时对自己的帖子发表评论,一旦有足够的内容,您将成为可以。@Raptor。是的,我的意思是没有hashbang。@Zefnus。删除我的答案是不尊重的。这是一个有效的答案。你建议在他们的帖子下面留下答案对我来说是不可能的,因为我需要50点声誉。这就是我在这里回答的原因。我希望你在最佳实践中使用你的声誉。@mugé你看到的描述有自动发布。它包括两个链接,用于了解有关声誉的详细信息和评论其他用户的帖子。对于您的答案,它是正确的,但缺少详细信息,这使它成为一个低质量的答案。您可以改进您的答案,为
字母数字定义添加参考,添加演示,例如:“使用
/about
而不是
/#!about
将解决此问题”