国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 語(yǔ)言 > JavaScript > 正文

A標(biāo)簽觸發(fā)onclick事件而不跳轉(zhuǎn)的多種解決方法

2024-05-06 15:47:38
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
一個(gè)標(biāo)簽僅僅是要觸發(fā)onclick行為,遇到了A標(biāo)簽觸發(fā)onclick事件時(shí)不執(zhí)行跳轉(zhuǎn),下面與大家分享下四種解決方法,感興趣的朋友可以參考下哈

在web頁(yè)面開(kāi)發(fā)時(shí),我們經(jīng)常會(huì)遇到下列情況:

1.一個(gè)標(biāo)簽僅僅是要觸發(fā)onclick行為;
2.表現(xiàn)上要有鼠標(biāo)的pointer指針顯示,或者其他類(lèi)似a標(biāo)簽的視覺(jué)效果。
比如執(zhí)行刪除操作時(shí),為了避免誤操作,我們要彈出對(duì)話(huà)框讓用戶(hù)確定是否刪除。因此我們經(jīng)常會(huì)用鏈接<a></a>形式代替<button> 觸發(fā)onclick事件。
代碼如下:

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


<script type="text/javascript">
function del(){
if(confirm("確定刪除該記錄?")){
parent.window.location="執(zhí)行刪除.jsp";
return true;
}
return false;
}
</script>
<a href="" target="mainFrame" >刪除</a>


這樣做的后果是js代碼會(huì)跳轉(zhuǎn)到"執(zhí)行刪除.jsp"頁(yè)面,而<a>標(biāo)簽也會(huì)跳轉(zhuǎn)打開(kāi)一個(gè)空頁(yè)面。因?yàn)閔tml本身對(duì) <a>標(biāo)簽的href屬性做了處理,所以就會(huì)先執(zhí)行我們自己定義的方法,接著再運(yùn)行它自身的方法(跳轉(zhuǎn)的方法)。

解決方法主要有四種,如下:
1. 不用a標(biāo)簽,設(shè)定css或用js來(lái)表現(xiàn)(有點(diǎn)復(fù)雜);
2. 用a標(biāo)簽,onclick屬性或onclick事件中返回false;(個(gè)人喜歡)
如:<a href="" target="mainFrame" >刪除</a>
這是個(gè)執(zhí)行順序的問(wèn)題,<a>這個(gè)標(biāo)簽的執(zhí)行順序應(yīng)該是先執(zhí)行onclick 的腳本,最后才進(jìn)行href參數(shù)指定頁(yè)面的跳轉(zhuǎn)。在onclick中返回false,就可以中止<a>標(biāo)簽的工作流程,也就是不讓頁(yè)面跳轉(zhuǎn)到href參數(shù)指定的頁(yè)面。
3. 用href="javascript:void(0)"這種偽協(xié)議;(這種偽協(xié)議,少寫(xiě)的好)
即:<a href="javascript:void(0)" target="mainFrame" >刪除</a>
4. <a href="#" >刪除</a>。(總是跳轉(zhuǎn)到當(dāng)前頁(yè)面頂部,當(dāng)頁(yè)面內(nèi)容較多時(shí),還是會(huì)有跳轉(zhuǎn)的感覺(jué))
發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 城口县| 剑阁县| 建昌县| 福清市| 黄大仙区| 平阴县| 江达县| 中山市| 丹寨县| 丁青县| 德昌县| 株洲市| 霍城县| 合肥市| 米林县| 清新县| 金阳县| 防城港市| 波密县| 罗源县| 兴义市| 杭锦后旗| 云和县| 沾化县| 鸡东县| 温宿县| 当涂县| 琼海市| 五华县| 石泉县| 化德县| 赞皇县| 长子县| 金塔县| 威信县| 湖南省| 金沙县| 巩留县| 尼木县| 清徐县| 和静县|