js 取消超鏈接的方法小結
更新時間:2011年10月09日 15:40:57 作者:
今天在工作中需要將某個鏈接給取消實現(xiàn)只觸發(fā)事件的目的,后來發(fā)現(xiàn)批量取消鏈接等,腳本之家簡單的給整理了下,希望對需要的朋友有所幫助。
單個鏈接取消鏈接并觸發(fā)js事件
<a href="javascript:void(0);" onclick="alert('ok')">測試</a>
批量將網(wǎng)頁中的鏈接取消或重新設置鏈接的代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
如果想讓指定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>
批量將網(wǎng)頁中的鏈接取消或重新設置鏈接的代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
如果想讓指定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熟悉并設置好鏈接,方便后來的恢復鏈接。
相關文章
JavaScript針對SPA應用的前端優(yōu)化策略概述
前端性能優(yōu)化是Web開發(fā)中非常重要的一環(huán),優(yōu)化能夠有效地提高網(wǎng)站的加載速度和用戶體驗,而對于SPA來說,由于其特殊的加載方式和數(shù)據(jù)交互方式,其優(yōu)化策略也具有一定的特殊性,需要詳細了解可以參考下文2023-05-05
BootStrap智能表單實戰(zhàn)系列(九)表單圖片上傳的支持
這篇文章主要介紹了BootStrap智能表單實戰(zhàn)系列(九)表單圖片上傳的支持,介紹如何在生成表單后,可以支持上傳圖片后可以及時預覽圖片的功能,需要的朋友可以參考下2016-06-06
JS+HTML5實現(xiàn)的前端購物車功能插件實例【附demo源碼下載】
這篇文章主要介紹了JS+HTML5實現(xiàn)的前端購物車功能插件,結合完整實例形式分析了JS結合HTML5的storage特性存儲數(shù)據(jù)實現(xiàn)購物車功能的相關操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-10-10

