js jQuery取消添加超链接的方法小结
今天在工作中需要将某个链接给取消实现只触发事件的目的,后来发现批量取消链接等,脚本之家简单的给整理了下,希望对需要的朋友有所帮助。
单个链接取消链接并触发js事件
<a href="javascript:void(0);" οnclick="alert('ok')">测试</a>
批量将网页中的链接取消或重新设置链接的代码:
1 2 <A href="http://www.baidu.com" >百度</A> <A href="http://www.jb51.net" >脚本之家</A> 3 <A href="http://s.jb51.net" >服务器软件</A> <A href="http://sc.jb51.net" > 素材下载</A> 4 <A href="http://tools.jb51.net" >站长查询</A> <A href="http://www.jb51.net/jiaoben/" >脚本下载</A> 5 <input type=button id=o1 value="取消所有链接" οnclick="javascript:doLinkAll(false)"> 6 <input type=button id=o2 value="重新设置链接" οnclick="javascript:doLinkAll(true)"> 7 <script> 8 function doLinkAll(action){ 9 var arr=document.getElementsByTagName("A") 10 for(var i=0;i <arr.length;i++){ 11 if (action){ //重新设置链接 12 if (arr[i].rel) arr[i].setAttribute("href",arr[i].rel) 13 }else{ //取消所有链接 14 arr[i].setAttribute("rel",arr[i].href) 15 arr[i].removeAttribute("href") 16 } 17 } 18 o1.disabled=!action 19 o2.disabled=action 20 } 21 </script>
如果想让指定id的链接字取消或恢复链接可以参考下面的代码
1 var e=document.getElementById( "link1 ") 2 //设置 3 e.setAttribute( "href ",e.rel) 4 //取消 5 e.setAttribute( "rel ",e.href) 6 e.removeAttribute( "href ")
代码说明:为什么取消需要加上e.setAttribute( "rel ",e.href) ,这段代码就是为a增加一个rel熟悉并设置好链接,方便后来的恢复链接。
js方法原文来自:http://www.jb51.net/article/28500.htm
jQuery方法:
取消链接:
jQuery代码:
1 <script type="text/javascript" src="http://www.codefans.net/ajaxjs/jquery1.3.2.js"></script> 2 3 <script type="text/javascript"> 4 $(document).ready(function() { 5 $(".cont a").removeAttr("href") 6 }); 7 8 </script>
html代码:
1 <div class="cont"> 2 <a href="http://www.baidu.com">内容</a> 3 4 </div>
添加链接实现:
jQuery代码:
1 <script type="text/javascript" src="http://www.codefans.net/ajaxjs/jquery1.3.2.js"></script> 2 3 <script type="text/javascript"> 4 $(document).ready(function() { 5 6 var strA = "<a href='http://www.baidu.com'></a>"; 7 $(".cont").wrapInner(strA); 8 9 10 11 }); 12 13 </script>
html代码:
1 <div class="cont"> 2 内容 3 4 </div>
转载于:https://www.cnblogs.com/webqiand/p/4344846.html
js jQuery取消添加超链接的方法小结相关推荐
- android 怎么加链接地址,Android TextView添加超链接的方法示例
本文实例讲述了Android TextView添加超链接的方法.分享给大家供大家参考,具体如下: public class Link extends Activity { @Override prot ...
- html表格中添加超链接,Excel表格中添加超链接的方法教程
在我们使用Excel表格的过程中,有时候需要为表格内的内容添加网站地址的超链接,以方便引入相关的内容,这个时候,我们就需要使用到添加超链接的知识了.那么,怎么在Excel表格内添加超链接呢?接下来由学 ...
- js 自动关闭html页面,JS关闭窗口与JS关闭页面的几种方法小结
第一种:JS定时自动关闭窗口 第二种:点击链接没有提示的JS关闭窗口关闭窗口 第三种:窗口没有提示自动关闭的js代码 IE6-7 JS关闭窗口不提示的方法 方法一:js 代码 function Clo ...
- html自动关闭当前页面,JS关闭窗口与JS关闭页面的几种方法小结
第一种:JS定时自动关闭窗口 第二种:点击链接没有提示的JS关闭窗口关闭窗口 第三种:窗口没有提示自动关闭的js代码 IE6-7 JS关闭窗口不提示的方法 方法一:js 代码 function Clo ...
- html追加没有样式,js/jquery动态添加html,样式和方法不生效的解决方案
var html = " " + " " + " \n" + " \n" + " \n" + &qu ...
- JQuery事件绑定解绑方法小结
常用的方法 绑定:bind().delegate().on() 解绑:unbind().undelegate().off() 此外还有live() 不过JQuery1.9及其以上版本删除了此方法 推荐 ...
- jQuery学习笔记之extend方法小结
在学习jQuery的时候,学习到了$.extend的主要用法,在此做一个简单的总结. (1)当只写一个对象自变量时,拓展的是jQuery的工具方法,如: $.extend({aaa:function( ...
- js中获取事件对象的方法小结
代码如下: var evt = window.event || arguments[0]; 下面分三种添加事件的方式讨论,你也许会看到以前没有看到过的获取方式. 1,第一种添加事件的方式,直接在htm ...
- 【转载】用JS\JQUERY获取地址栏参数的方法
前言 最近在做一个项目,里面需要通过jq来获取地址栏参数.以前没接触过,因此百度了一下,找到这篇文章,写得非常好.因此转载来分享与大家. 转载原文 正则获取 方法一:采用正则表达式获取地址栏参数:( ...
最新文章
- https://www.exploit-db.com/能够成功下载的一个CVE编号
- 07年了,新的一年又开始了
- 线程的创建开销大吗?线程创建开销包括哪些?线程池
- Codeforce 1255 Round #601 (Div. 2) A. Changing Volume (贪心)
- RK平台ubuntu安装vbox
- php输出位置最右,php动态读取数据清除最右边距的方法
- 关于Resnet50和ResNeXt50的参数量的简单计算(只考虑卷积层和全连接层)
- python第四章单元测试_MOOC选修课答案第四章单元测试答案_Sar编程基础期末答案...
- Linux驱动总结3- unlocked_ioctl和堵塞(waitqueue)读写函数的实现 【转】
- FileSaver、js-xlsx、SheetJS在线报表预览导出
- 微信小程序富文本编辑器
- p2psear正在连接服务器,P2PSearcher无法连接到网络,也无法连接到服务器
- Quasi- likelihood function
- Python画玫瑰花源代码
- 虚拟机权限不足,无法访问文件
- 【OC】JSONModel基本使用
- 用指针实现将字符串2合并在字符串1后面
- C++ 结构体、成员函数、结构体指针的使用
- 国内终端安全防护市场报告发布 360网神排行第一
- Java完全自学教程
热门文章
- oracle获取序列跳号,Oracle sequence跳号知多少
- python发送邮件脚本_python-发邮件脚本
- 反转链表 IIPython解法
- python学习-类(类方法、实例方法、静态方法)
- JAVA复习(date)
- 栏目图片 栏目描述_昕街拍|长期福利栏目来啦,秀街拍赢礼品!
- oracle声明number变量,oracle – PL / SQL:如何声明会话变量?
- 税收java_String 类中的 isEmpty() 是判断字符串是否为空的,如果为空返回 true ,不为空返回 false 。 (1.0分)_学小易找答案...
- STM32跑分?看看你的能跑多少分!
- 单片机点灯不难,但你会网页点灯吗?