js 取消超链接的方法小结_javascript技巧

单个链接取消链接并触发js事件

复制代码 代码如下:

测试

批量将网页中的链接取消或重新设置链接的代码：

<a href="http://www.baidu.com">百度</a>    <a href="http://www.jb51.net">脚本之家</a> <a href="http://s.jb51.net">服务器软件</a>    <a href="http://sc.jb51.net"> 素材下载</a> <a href="http://tools.jb51.net">站长查询</a>    <a href="http://www.jb51.net/jiaoben/">脚本下载</a> <input type="button" id="o1" value="取消所有链接" onclick="javascript:doLinkAll(false)"> <input type="button" id="o2" value="重新设置链接" onclick="javascript:doLinkAll(true)"> <script> function doLinkAll(action){ var arr=document.getElementsByTagName("A") for(var i=0;i <arr.length;i++){ if (action){ //重新设置链接 if (arr[i].rel) arr[i].setAttribute("href",arr[i].rel) }else{ //取消所有链接 arr[i].setAttribute("rel",arr[i].href) arr[i].removeAttribute("href") } } o1.disabled=!action o2.disabled=action } </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

如果想让指定id的链接字取消或恢复链接可以参考下面的代码

复制代码 代码如下:

var e=document.getElementById( "link1 ")
//设置
e.setAttribute( "href ",e.rel)
//取消
e.setAttribute( "rel ",e.href)
e.removeAttribute( "href ")

代码说明：为什么取消需要加上e.setAttribute( "rel ",e.href) ，这段代码就是为a增加一个rel熟悉并设置好链接，方便后来的恢复链接。