js 取消超鏈接的方法小結(jié)
更新時間：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)頁中的鏈接取消或重新設(shè)置鏈接的代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
如果想讓指定id的鏈接字取消或恢復(fù)鏈接可以參考下面的代碼
var e=document.getElementById( "link1 ")
//設(shè)置
e.setAttribute( "href ",e.rel)
//取消
e.setAttribute( "rel ",e.href)
e.removeAttribute( "href ")
代碼說明：為什么取消需要加上e.setAttribute( "rel ",e.href) ，這段代碼就是為a增加一個rel熟悉并設(shè)置好鏈接，方便后來的恢復(fù)鏈接。
復(fù)制代碼 代碼如下:
<a href="javascript:void(0);" onclick="alert('ok')">測試</a>
批量將網(wǎng)頁中的鏈接取消或重新設(shè)置鏈接的代碼：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
如果想讓指定id的鏈接字取消或恢復(fù)鏈接可以參考下面的代碼
復(fù)制代碼 代碼如下:
var e=document.getElementById( "link1 ")
//設(shè)置
e.setAttribute( "href ",e.rel)
//取消
e.setAttribute( "rel ",e.href)
e.removeAttribute( "href ")
代碼說明：為什么取消需要加上e.setAttribute( "rel ",e.href) ，這段代碼就是為a增加一個rel熟悉并設(shè)置好鏈接，方便后來的恢復(fù)鏈接。
相關(guān)文章
JavaScript針對SPA應(yīng)用的前端優(yōu)化策略概述
前端性能優(yōu)化是Web開發(fā)中非常重要的一環(huán)，優(yōu)化能夠有效地提高網(wǎng)站的加載速度和用戶體驗，而對于SPA來說，由于其特殊的加載方式和數(shù)據(jù)交互方式，其優(yōu)化策略也具有一定的特殊性，需要詳細了解可以參考下文2023-05-05
window.opener，是通過window.open打開子窗體的父窗體的引用，下面為大家詳細介紹下其具體的使用方法，感興趣的朋友可以參考下2013-08-08
今天小編就為大家分享一篇解決Layui 表單提交數(shù)據(jù)為空的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
BootStrap智能表單實戰(zhàn)系列(九)表單圖片上傳的支持
這篇文章主要介紹了BootStrap智能表單實戰(zhàn)系列(九)表單圖片上傳的支持,介紹如何在生成表單后，可以支持上傳圖片后可以及時預(yù)覽圖片的功能，需要的朋友可以參考下2016-06-06
這篇文章主要介紹了JS設(shè)計模式之狀態(tài)模式概念與用法,簡單講述了狀態(tài)模式的概念、功能、應(yīng)用場景并結(jié)合javascript實例形式分析了狀態(tài)模式的簡單定義及使用方法,需要的朋友可以參考下2018-02-02
全面接觸神奇的Bootstrap導(dǎo)航條實戰(zhàn)篇
導(dǎo)航條（navbar）在Bootstrap中是一個獨立組件，導(dǎo)航條（navbar）和導(dǎo)航（nav）在Bootstrap中是有明顯區(qū)別的，本文全面接觸神奇的Bootstrap導(dǎo)航條，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了js 實現(xiàn)ajax發(fā)送過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-07-07
JS+HTML5實現(xiàn)的前端購物車功能插件實例【附demo源碼下載】
這篇文章主要介紹了JS+HTML5實現(xiàn)的前端購物車功能插件,結(jié)合完整實例形式分析了JS結(jié)合HTML5的storage特性存儲數(shù)據(jù)實現(xiàn)購物車功能的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-10-10
在編寫JavaScript應(yīng)用的時候，我們經(jīng)常會使用this關(guān)鍵字。那么this關(guān)鍵字究竟是怎樣工作的，它的設(shè)計有哪些好的地方，有哪些不好的地方，本文帶大家全面系統(tǒng)地認識這個老朋友，感興趣的小伙伴可以借鑒閱讀2023-05-05
最近在工作中遇到了一個視頻播放的需求,所以下面這篇文章主要給大家介紹了關(guān)于uniapp小視頻項目開發(fā)之滑動播放視頻的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-04-04