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

时间:2010-08-18 12:58:16

标签: javascript html hyperlink href

如何使用javascript

将页面中的所有链接(href)设置为“#”

3 个答案:

答案 0 :(得分:6)

请勿将HREF更改为#

将onclick函数设置为返回false。

这将产生相同的效果,同时允许更大的可用性。

这是一个简单的例子(使用jQuery,但适用于任何东西):

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

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

    return false;
}

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

使用onclick这意味着点击停止(因此不会遵循链接) - 但是它仍然允许人们通过中间和右键单击与链接进行交互(例如,在新标签页中打开,添加到书签,等等)

另一个例子,使用onkeypress,您可以返回false以防止输入的字符被添加到输入控件中(例如,您可以通过{{1}来模仿HTML5 input="numeric"控件为任何非数字字符返回false。)

答案 1 :(得分:3)

使用jQuery:

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

答案 2 :(得分:2)

使用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 = "#";
}