這篇文章主要介紹了javascript實現確定和取消提示框效果的方法以及示例代碼分享，有需要的小伙伴可以參考下。
在很多網頁都有這樣的效果，當點擊一個按鈕或者其他的對象會彈出一個提示框，如果點擊確定則繼續執行既定的程序，如果點擊取消則會取消繼續執行，代碼實例如下:
- <!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">點擊跳轉</a></div>
- </body>
- </html>
以上代碼中，當點擊鏈接會彈出一個提示框，如果點擊確定則會訪問螞蟻部落首頁，否則不會訪問。實現此功能核心是使用了confirm()，參數值是提示框的文本內容。下面就簡短介紹一下以上代碼的原理：
一.當點擊鏈接的時候，會調用為a元素綁定的onclick事件處理函數。
二.在事件處理函數中，由于當點擊確定按鈕，confirm()會返回true，點擊取消則會返回false，那么if語句則會根據confirm()的返回值選擇執行if語句還是else語句。
以上所述就是本文的全部內容了，希望大家能夠喜歡。
新聞熱點
疑難解答
圖片精選
