問題描述

window.onload = function () {var a = document.getElementById('a');var btn = document.getElementById('btn');function aFn () { console.log('aFn');}function btnFn () { console.log(’btnFn’);}a.onclick = function () { aFn();}btn.onclick = function() { btnFn();}console.log(’global’); }我正在點(diǎn)擊這兩個(gè)事件時(shí)，發(fā)生了不一樣的情況！？對于a元素：首先運(yùn)行代碼，輸出console.log(’global’)，之后點(diǎn)擊a描點(diǎn)元素，如圖：對于button元素：首先運(yùn)行代碼，輸出console.log(’global’)，之后點(diǎn)擊btn，如圖：

整體：

剛才有人說在他的環(huán)境里用Chrome是正常的，我把console換成了alert，還是照舊。我也是用的chrome。但是在IE上，不是這樣，運(yùn)行后彈出全局的alert，點(diǎn)擊a標(biāo)簽后，先彈出函數(shù)里，后直接跳轉(zhuǎn)頁面了，不會(huì)有chrome里的情況。這咋回事兒呢！（編輯器：HBuilder）

PS：試寫一個(gè)輪播圖例子時(shí)候，用了a元素做箭頭按鈕，直接導(dǎo)致我的圖片無法切換55555（相當(dāng)于點(diǎn)擊a時(shí)候又執(zhí)行了一次全局作用域里的代碼。。。。）

問題解答

哈哈哈,真是個(gè)有意思的問題,看了一會(huì)會(huì)才發(fā)現(xiàn).是你的 a 標(biāo)簽沒有設(shè)定 href 屬性,點(diǎn)擊后會(huì)刷新頁面.相當(dāng)于: log global -> 點(diǎn)擊 log a ->刷新了又一遍 log global

第二個(gè) global 沒有才是正常的, 你往 a 標(biāo)簽里設(shè)個(gè) href='http://m.baoyu77737.com/wenda/4968.html#' 看看.

另外請下次截圖字大點(diǎn)....眼睛不好差點(diǎn)看不清.

在a標(biāo)簽事件綁定函數(shù)里寫上event.preventDefault();