原生HTML是否会自动禁用指向当前页面的链接,如果是,我该如何实现?

时间:2015-09-01 15:51:44

标签: javascript html css hyperlink

我清楚地记得10年前我第一次开始编写HTML并且我认识的唯一的CSS是样式(而不是选择器)而且我不知道JavaScript,但the solutions我一直认为只有过去几年。

我无法测试我的假设,但基于猜想,我相信我正在使用带有目录的框架:

<!DOCTYPE html>
<html lang="en-US">
<body>
<frameset cols="50%,50%">
  <frame src="toc.html">
  <frame name="1" src="1.html">
  <noframe>
    Frames are disabled for this browser.
  </noframe>
</frameset> 
</body>
</html>

这是我的目录:

<!DOCTYPE html>
<html lang="en-US">
<body>
    <a href="1.html" target="1">1.html</a><br />
    <a href="2.html" target="1">2.html</a><br />
</body>
</html>

但我在我尝试过的每个浏览器上都获得了noframe内容:Firefox,Chrome和Safari:

Frames are disabled for this browser

但是当我确实有这个工作时,如果我碰巧在一个框架中导航它会禁用链接:

Disabled toc.html link

但现在,它始终显示链接:

Link is not disabled when I am on the same page

我真的想知道我过去所做的解决方案是什么,但如果它与帧有关,那就非常死了。我正在寻找一个纯HTML / CSS解决方案,但我可能能够装入一些JavaScript。

2 个答案:

答案 0 :(得分:0)

是的,您需要进行某种处理:javascript或某些动态语言,如PHP。基本上,你需要做的是添加一个CSS类 - 类似于&#34;访问&#34; - 包括灰显或任何你想要的样式 - 你在页面加载时应用于链接。 javascript / php /等。将是检查您是否已经在给定页面上的人。

答案 1 :(得分:0)

由于听起来您有静态HTML页面,因此可以像下面的示例一样使用严格的HTML方式来“禁用”链接:

Before: <a href="3.html">Page Three</a>
After: <a>Page THree</a>

澄清:

大多数人仍然建议您使用Javascript和CSS来执行此要求。这很简单:

<a href="javascript:void(0)" style="cursor: default;">123n</a>