隐藏链接在html

问题描述：

我需要隐藏一个链接到用户，以便他不能点击它来到另一个页面，但我有几个JS脚本和CSS会花费太多的工作来改变，所以我需要文档结构保持不变。隐藏链接在html

我该如何做到这一点？

这是一个例子

<span> 
<a href="xxx">text</a> 
</span>

我显然试图产生这个代替

<span>text</span>

但选择找不到文本，因为没有“一”的标签。

我该如何做到这一点？

发布实际标记的实际样本。 – 2012-02-22 12:55:10

忽略'href'，或者使用'href =“javascript：void 0”'或者'href =“＃”onclick =“return false;”'。 – 2012-02-22 12:55:19

你想隐藏用户的网址，也不希望如果他点击应该去其他网页？ – 2012-02-22 12:55:38

答

要禁用所有环节，有这样的代码：

window.onload = function() { 
    for(var i = 0; i < document.links.length; i++) { 
     document.links[i].onclick = function() { 
      return false; 
     } 
    } 
};

Live test case。

这不会改变他们的目的地（href属性）只是因为点击它们不会产生任何效果。

我推荐''document.links']（https://developer.mozilla.org/en/DOM/document.links）over document.getElementsByTagName（“a”）'，因为第一个不包含锚元素没有'href'属性。 – 2012-02-22 13:17:03

@Rob公平够了，我想到了这一点，但不知道它是跨浏览器。快速搜索现在告诉我这是标准的，所以我的答案被编辑。谢谢！ :) – 2012-02-22 13:22:33

答

设置style="display: none"根本不显示它。

我认为OP并不意味着“隐藏”在“不可见”的意义上，而是在“对点击没有影响”的意义上。 – 2012-02-22 12:55:57

隐藏链接在html

相关推荐