javascript 如何使超链接失效_随笔

JS中有三种方法可以使得超链接失效：

使用<a href="javascript:void(0)">链接</a>

void(0)使得地址变为空，不过void(0)有兼容问题，需要给onclick事件增加return flash；

使用document.getElementById("aa").href="#"

document.getElementById得到名为aa的文档，然后将地址赋值为空，此方法唯一的缺点是还是会d出页面，只是链接失效，需要至个效果的可以使用。

3. 使用document.getElementById("aa").disabled=true

document.getElementById得到名为aa的文档，然后将disabled属性置为true，使得链接直接失效。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

$(document).ready(function(){

$("a").click(function(){

return false

})

$("#b1").click(function(){

$("a").unbind("click")

})

</script>

</head>

<body>

<a href="http://www.baidu.com" >baidu</a>

</body>

</html>

示例是页面加载完后超链接失效，点击按钮后生效

去掉html的超链接，用到的工具如下:Dreamweaver,步骤如下：

用Dreamweaver打开html文件，切换到设计视图下，选中要去掉超链接的文字或者图片，然后把对应的连接删除就去掉了超链接。

2.从代码视图下去掉超链接，以链接到工信部网站为示例，代码如下：

<a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备111111号-1</a>

说明:去掉<a href="http://www.miitbeian.gov.cn/" target="_blank"></a>超链接就去掉了。

欢迎分享，转载请注明来源：内存溢出

javascript 如何使超链接失效