JS實(shí)現(xiàn)點(diǎn)擊鏈接取消跳轉(zhuǎn)效果的方法

更新時(shí)間：2014年01月24日 14:57:41 作者：

有時(shí)候我們僅僅希望將鏈接<a>作為一個(gè)按鈕使用，但是在默認(rèn)狀態(tài)下，點(diǎn)擊鏈接會(huì)出現(xiàn)跳轉(zhuǎn)效果，下面就通過(guò)代碼實(shí)例，介紹一下如何實(shí)現(xiàn)此效果

復(fù)制代碼代碼如下:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="http://www.dhdzp.com/" /> 
<title>腳本之家</title> 
<script type="text/javascript"> 
window.onload=function() 
{ 
  var olink=document.getElementById("link"); 
  olink.onclick=function() 
  { 
    if(confirm("是否刪除?")){alert("文件被刪除");} 
    return false; 
  } 
} 
</script> 
</head> 
<body> 
<a href="#" id="link">是否刪除</a> 
</body> 
</html>

以上代碼實(shí)現(xiàn)了我們的要求，鏈接只會(huì)當(dāng)做一個(gè)普通按鈕使用，這里主要是在鏈接的點(diǎn)擊事件中使用return false語(yǔ)句，它可以取消鏈接的默認(rèn)動(dòng)作

您可能感興趣的文章:

相關(guān)文章

greenbrower用到的function.js代碼集合
這篇文章給大家介紹了greenbrower用到的function.js代碼集合，感興趣的朋友一起看看吧
2007-12-12
微信小程序授權(quán)登錄及解密unionId出錯(cuò)的方法
這篇文章主要介紹了微信小程序授權(quán)登錄及解密unionId出錯(cuò)的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-09-09
關(guān)于事件mouseover ,mouseout ,mouseenter,mouseleave的區(qū)別
mouseover ,mouseout ,mouseenter,mouseleave，都是鼠標(biāo)點(diǎn)擊而觸發(fā)的事件，各自代表什么意思，有哪些區(qū)別呢？下面跟著腳本之家小編一起看看吧
2015-10-10
淺談JavaScript中數(shù)組的增刪改查
下面小編就為大家?guī)?lái)一篇淺談JavaScript中數(shù)組的增刪改查。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06
javascript判斷復(fù)選框是否選中的方法
這篇文章主要介紹了javascript判斷復(fù)選框是否選中的方法，需要的朋友可以參考下
2015-10-10
JS 異步遍歷的實(shí)現(xiàn)方法
本文主要介紹了JS 異步遍歷的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2023-04-04
js實(shí)現(xiàn)適配移動(dòng)端的拖動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)適配移動(dòng)端的拖動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-01-01
JavaScript常用本地對(duì)象小結(jié)
這篇文章主要介紹了JavaScript常用本地對(duì)象小結(jié)的相關(guān)資料,需要的朋友可以參考下
2016-03-03
利用js對(duì)象彈出一個(gè)層
用js實(shí)現(xiàn)彈出層效果，一般用于代替alert
2008-03-03
js實(shí)現(xiàn)微信/QQ直接跳轉(zhuǎn)到支付寶APP打開口令領(lǐng)紅包功能
最近支付寶的領(lǐng)紅包可真是刷爆了各個(gè)微信群啊，滿群都是支付寶口令,可是這樣推廣很麻煩，下面小編給大家?guī)?lái)了js實(shí)現(xiàn)微信/QQ直接跳轉(zhuǎn)到支付寶APP打開口令領(lǐng)紅包功能，需要的朋友參考下
2018-01-01