我可以在HTML中禁用地址链接吗?

时间:2011-07-11 16:09:05

标签: html css model-view-controller

我有以下内容:

<a href="/Product/Overview">Overview</a>
<a href="/Product/Review">Review</a>

当我在概述页面上时,我想做到这一点,以便点击概述地址链接不会做任何事情。像禁用按钮一样的东西。这可能是地址链接吗?

6 个答案:

答案 0 :(得分:4)

这应该这样做:

<a href="/Product/Overview" onclick="return false;">Overview</a>

感兴趣的还可能是nofollow

<a href="/Product/Overview" onclick="return false;" rel="nofollow">Overview</a>

答案 1 :(得分:2)

禁用链接的最简单方法可能是删除href值。

如果您要从MVC呈现此内容,请不要包含<a>标记。

有点不清楚你想要做什么是最好的。

答案 2 :(得分:1)

添加'return false'以防止链接:

<a href="/Product/Overview" onclick="return false">Overview</a>

答案 3 :(得分:-1)

只需在#中使用href符号即可:<a href="#">Overview</a>

答案 4 :(得分:-1)

你可以在每个页面顶部使用一层javascript来执行此操作:您的JS脚本将运行并检查页面上的所有链接 - 如果链接与您所在的页面相同,则只需“劫持”通过添加onclick事件来锚定锚点,该事件不起作用并且不会使事件冒泡。 这仍然是你从服务器端抽出所有链接 - 并且所有页面的脚本都是相同的,因此允许它被浏览器缓存并且只加载一次(假设你把它放在外部{{ 1}}文件)。

答案 5 :(得分:-1)

你可以尝试<a class="inactive" href="#">Overview</a>并给它一些CSS来表明它是一种不同类型的链接。