js 取消超链接的方法小结
更新时间：2011年10月09日 15:40:57 作者：
今天在工作中需要将某个链接给取消实现只触发事件的目的，后来发现批量取消链接等，脚本之家简单的给整理了下，希望对需要的朋友有所帮助。
单个链接取消链接并触发js事件
<a href="javascript:void(0);" onclick="alert('ok')">测试</a>
批量将网页中的链接取消或重新设置链接的代码：
[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熟悉并设置好链接，方便后来的恢复链接。
复制代码 代码如下:
<a href="javascript:void(0);" onclick="alert('ok')">测试</a>
批量将网页中的链接取消或重新设置链接的代码：
[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熟悉并设置好链接，方便后来的恢复链接。
相关文章
前端性能优化是Web开发中非常重要的一环，优化能够有效地提高网站的加载速度和用户体验，而对于SPA来说，由于其特殊的加载方式和数据交互方式，其优化策略也具有一定的特殊性，需要详细了解可以参考下文2023-05-05
window.opener，是通过window.open打开子窗体的父窗体的引用，下面为大家详细介绍下其具体的使用方法，感兴趣的朋友可以参考下2013-08-08
今天小编就为大家分享一篇解决Layui 表单提交数据为空的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了BootStrap智能表单实战系列(九)表单图片上传的支持,介绍如何在生成表单后，可以支持上传图片后可以及时预览图片的功能，需要的朋友可以参考下2016-06-06
这篇文章主要介绍了JS设计模式之状态模式概念与用法,简单讲述了状态模式的概念、功能、应用场景并结合javascript实例形式分析了状态模式的简单定义及使用方法,需要的朋友可以参考下2018-02-02
导航条（navbar）在Bootstrap中是一个独立组件，导航条（navbar）和导航（nav）在Bootstrap中是有明显区别的，本文全面接触神奇的Bootstrap导航条，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要介绍了js 实现ajax发送过程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
这篇文章主要介绍了JS+HTML5实现的前端购物车功能插件,结合完整实例形式分析了JS结合HTML5的storage特性存储数据实现购物车功能的相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2016-10-10
在编写JavaScript应用的时候，我们经常会使用this关键字。那么this关键字究竟是怎样工作的，它的设计有哪些好的地方，有哪些不好的地方，本文带大家全面系统地认识这个老朋友，感兴趣的小伙伴可以借鉴阅读2023-05-05
最近在工作中遇到了一个视频播放的需求,所以下面这篇文章主要给大家介绍了关于uniapp小视频项目开发之滑动播放视频的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2022-04-04
最新评论