js 取消超鏈接的方法小結(jié)
更新時(shí)間:2011年10月09日 15:40:57 作者:
今天在工作中需要將某個(gè)鏈接給取消實(shí)現(xiàn)只觸發(fā)事件的目的,后來(lái)發(fā)現(xiàn)批量取消鏈接等,腳本之家簡(jiǎn)單的給整理了下,希望對(duì)需要的朋友有所幫助。
單個(gè)鏈接取消鏈接并觸發(fā)js事件
<a href="javascript:void(0);" onclick="alert('ok')">測(cè)試</a>
批量將網(wǎng)頁(yè)中的鏈接取消或重新設(shè)置鏈接的代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
如果想讓指定id的鏈接字取消或恢復(fù)鏈接可以參考下面的代碼
var e=document.getElementById( "link1 ")
//設(shè)置
e.setAttribute( "href ",e.rel)
//取消
e.setAttribute( "rel ",e.href)
e.removeAttribute( "href ")
代碼說(shuō)明:為什么取消需要加上e.setAttribute( "rel ",e.href) ,這段代碼就是為a增加一個(gè)rel熟悉并設(shè)置好鏈接,方便后來(lái)的恢復(fù)鏈接。
復(fù)制代碼 代碼如下:
<a href="javascript:void(0);" onclick="alert('ok')">測(cè)試</a>
批量將網(wǎng)頁(yè)中的鏈接取消或重新設(shè)置鏈接的代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
如果想讓指定id的鏈接字取消或恢復(fù)鏈接可以參考下面的代碼
復(fù)制代碼 代碼如下:
var e=document.getElementById( "link1 ")
//設(shè)置
e.setAttribute( "href ",e.rel)
//取消
e.setAttribute( "rel ",e.href)
e.removeAttribute( "href ")
代碼說(shuō)明:為什么取消需要加上e.setAttribute( "rel ",e.href) ,這段代碼就是為a增加一個(gè)rel熟悉并設(shè)置好鏈接,方便后來(lái)的恢復(fù)鏈接。
您可能感興趣的文章:
- 四種參數(shù)傳遞的形式——URL,超鏈接,js,form表單
- js實(shí)現(xiàn)a標(biāo)簽超鏈接提交form表單的方法
- 讓網(wǎng)頁(yè)上的超鏈接失效,不能點(diǎn)擊的js代碼
- 超鏈接怎么正確調(diào)用javascript函數(shù)
- Ext javascript建立超鏈接,進(jìn)行事件處理的實(shí)現(xiàn)方法
- JS實(shí)現(xiàn)網(wǎng)頁(yè)上隨機(jī)產(chǎn)生超鏈接地址的方法
- javascript禁止超鏈接跳轉(zhuǎn)的方法
- JavaScript html5 canvas實(shí)現(xiàn)圖片上畫超鏈接
相關(guān)文章
JavaScript針對(duì)SPA應(yīng)用的前端優(yōu)化策略概述
前端性能優(yōu)化是Web開發(fā)中非常重要的一環(huán),優(yōu)化能夠有效地提高網(wǎng)站的加載速度和用戶體驗(yàn),而對(duì)于SPA來(lái)說(shuō),由于其特殊的加載方式和數(shù)據(jù)交互方式,其優(yōu)化策略也具有一定的特殊性,需要詳細(xì)了解可以參考下文2023-05-05
解決Layui 表單提交數(shù)據(jù)為空的問(wèn)題
今天小編就為大家分享一篇解決Layui 表單提交數(shù)據(jù)為空的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
BootStrap智能表單實(shí)戰(zhàn)系列(九)表單圖片上傳的支持
這篇文章主要介紹了BootStrap智能表單實(shí)戰(zhàn)系列(九)表單圖片上傳的支持,介紹如何在生成表單后,可以支持上傳圖片后可以及時(shí)預(yù)覽圖片的功能,需要的朋友可以參考下2016-06-06
JS設(shè)計(jì)模式之狀態(tài)模式概念與用法分析
這篇文章主要介紹了JS設(shè)計(jì)模式之狀態(tài)模式概念與用法,簡(jiǎn)單講述了狀態(tài)模式的概念、功能、應(yīng)用場(chǎng)景并結(jié)合javascript實(shí)例形式分析了狀態(tài)模式的簡(jiǎn)單定義及使用方法,需要的朋友可以參考下2018-02-02
全面接觸神奇的Bootstrap導(dǎo)航條實(shí)戰(zhàn)篇
導(dǎo)航條(navbar)在Bootstrap中是一個(gè)獨(dú)立組件,導(dǎo)航條(navbar)和導(dǎo)航(nav)在Bootstrap中是有明顯區(qū)別的,本文全面接觸神奇的Bootstrap導(dǎo)航條,感興趣的小伙伴們可以參考一下2016-08-08
js 實(shí)現(xiàn)ajax發(fā)送步驟過(guò)程詳解
這篇文章主要介紹了js 實(shí)現(xiàn)ajax發(fā)送過(guò)程詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
JS+HTML5實(shí)現(xiàn)的前端購(gòu)物車功能插件實(shí)例【附demo源碼下載】
這篇文章主要介紹了JS+HTML5實(shí)現(xiàn)的前端購(gòu)物車功能插件,結(jié)合完整實(shí)例形式分析了JS結(jié)合HTML5的storage特性存儲(chǔ)數(shù)據(jù)實(shí)現(xiàn)購(gòu)物車功能的相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-10-10
uniapp小視頻項(xiàng)目開發(fā)之滑動(dòng)播放視頻
最近在工作中遇到了一個(gè)視頻播放的需求,所以下面這篇文章主要給大家介紹了關(guān)于uniapp小視頻項(xiàng)目開發(fā)之滑動(dòng)播放視頻的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04

