在很多網(wǎng)頁都有這樣的效果，當(dāng)點擊一個按鈕或者其他的對象會彈出一個提示框，如果點擊確定則繼續(xù)執(zhí)行既定的程序，如果點擊取消則會取消繼續(xù)執(zhí)行，代碼實例如下:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>確定和取消提示框</title><style type="text/css">div{ width:150px; margin:0px auto;}a{ font-size:12px; color:blue;}</style><script type="text/javascript">window.onload=function(){ var mylink=document.getElementById("mytest"); mylink.onclick=function(){ if(confirm("確定要訪問嗎")) { return true; } else { return false; } }}</script></head><body> <div><a href="/" id="mytest">點擊跳轉(zhuǎn)</a></div></body></html>以上代碼中，當(dāng)點擊鏈接會彈出一個提示框，如果點擊確定則會訪問螞蟻部落首頁，否則不會訪問。實現(xiàn)此功能核心是使用了confirm()，參數(shù)值是提示框的文本內(nèi)容。下面就簡短介紹一下以上代碼的原理：
一.當(dāng)點擊鏈接的時候，會調(diào)用為a元素綁定的onclick事件處理函數(shù)。
二.在事件處理函數(shù)中，由于當(dāng)點擊確定按鈕，confirm()會返回true，點擊取消則會返回false，那么if語句則會根據(jù)confirm()的返回值選擇執(zhí)行if語句還是else語句。
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
新聞熱點
疑難解答
