如何将页面中的所有链接(href)设置为“#”使用 JavaScript

Question

如何使用javascript将页面中的所有链接（href）设置为“#”

Answer 1

不要将 HREF 更改为 #

将 onclick 函数设置为返回 false。

这将具有相同的效果，同时提供更大的可用性。

这是一个简单的示例（使用 jQuery，但适用于任何内容）：

jQuery('a').click( doStuff );

function doStuff()
{
    // ...function body...

    return false;
}

这是有效的，因为从 onX 事件函数返回的值决定该事件是继续触发还是停止。返回 true 以允许其继续，或返回 false 以停止它。

使用 onclick 这意味着点击被停止（因此链接不被跟随） - 但是它仍然允许人们通过中键和右键单击与链接交互（例如在新选项卡中打开，添加到书签）等）

再举个例子，使用 onkeypress 您可以返回 false 以防止将键入的字符添加到输入控件（例如，您可以模仿 HTML5 input="numeric “ 通过让 onkeypress 对任何非数字字符返回 false 进行控制）。

Answer 2

使用 jQuery：

$('a').attr('href', '#');

Answer 3

使用 getElementsByTagName() 方法获取标签，然后循环访问它们以设置属性。

var links = document.getElementsByTagName("a");

for (var link in links)
{
    links[link].href = "#";
}

编辑：满足非“foreach”方法。

var links = document.getElementsByTagName("a");

for(i=0;i<links.length;i++) 
{
    links[i].href = "#";
}