今天在工作中需要將某個鏈接給取消實現只觸發事件的目的，后來發現批量取消鏈接等，腳本之家簡單的給整理了下，希望對需要的朋友有所幫助。

單個鏈接取消鏈接并觸發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取消添加超链接的方法小结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。