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熟悉并设置好链接,方便后来的恢复链接。

相关文章

  • js表头排序实现方法

    js表头排序实现方法

    这篇文章主要介绍了js表头排序实现方法,涉及数字、字母、字符串比较及排序等操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • JS 添加删除元素的实现代码

    JS 添加删除元素的实现代码

    JS添加删除元素,非常不错的应用,需要的朋友可以参考下。
    2009-08-08
  • 新鲜出炉的js tips提示效果

    新鲜出炉的js tips提示效果

    提示不难做,那个三角号样式很难调兼容,死了好多脑细胞预览主窗口提示错位,保存本地测比较好。
    2011-04-04
  • js 自带的sort() 方法全面了解

    js 自带的sort() 方法全面了解

    下面小编就为大家带来一篇js 自带的sort() 方法全面了解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • javascript 人物逼真行走,已完成

    javascript 人物逼真行走,已完成

    然后请分析下程序,我出以下题目,供牛牛们练手(RPG游戏开发 - 实战,不搞理论,着重程序实现思路).
    2009-04-04
  • JS中的const命令你真懂它吗

    JS中的const命令你真懂它吗

    这篇文章主要介绍了JS中的const命令你真懂它吗,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-03-03
  • BootStrap使用file-input插件上传图片的方法

    BootStrap使用file-input插件上传图片的方法

    这篇文章主要介绍了BootStrap使用file-input插件上传图片的方法,bootstrap的图片上传框架 file-input 插件非常不错,下面小编通过本文介绍下这个插件的使用方法,感兴趣的朋友一起看看吧
    2016-09-09
  • Javascript循环绑定事件的示例代码

    Javascript循环绑定事件的示例代码

    我们先看一个关于Javascript利用循环绑定事件的例子
    2008-10-10
  • DB.ASP 用Javascript写ASP很灵活很好用很easy

    DB.ASP 用Javascript写ASP很灵活很好用很easy

    DB.ASP 用Javascript写ASP很灵活很好用很easy,喜欢用js写asp的朋友可以参考下。
    2011-07-07
  • Js判断参数(String,Array,Object)是否为undefined或者值为空

    Js判断参数(String,Array,Object)是否为undefined或者值为空

    在一些前端控件要提交数据到服务器端的数据验证过程中,需要判断提交的数据是否为空。如果是普通表单的字符串数据,只需要在 trim 后判断 length 即可,而这里需要的数据可以是各种不同的类型,通过 JSON.stringify(data) 进行序列化后再传递
    2013-11-11

最新评论