javascript實作確定和取消提示框效果_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語句。
以上所述就是本文的全部內容了，希望大家能夠喜歡。
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何取消Win11中的視窗疊加與層疊效果
Jan 10, 2024 pm 02:50 PM
win11預設的窗口重疊非常煩人，因此很多朋友想要取消層疊窗口，但是不知道怎麼取消，其實我們只要用相關軟體就可以了。 win11視窗重疊層疊視窗怎麼取消方法一：透過工作列取消1、win11沒有自帶的取消功能，因此我們需要下載一個「startallback」2、下載完成後，「解壓縮」該壓縮包，解壓縮完成後，打開資料夾，執行圖示安裝程式完成安裝。 。 3.安裝完成後，需要打開“控制台”，然後把右上角“查看方式”改為“大圖標”。 4.這樣就可以在其中找到「startallback」了，點選打開它，進入左邊「任務
美團取消訂單怎麼取消
Mar 07, 2024 pm 05:58 PM
用戶在使用美團下單時可以選擇不想要的訂單取消，有很多用戶不知道美團取消訂單怎麼取消，用戶可以在我的頁面中點擊進入訂單待收貨選擇需要取消的訂單點擊取消。美團取消訂單怎麼取消1、先在美團我的頁面中點擊進入訂單待收貨。 2、然後點選進入需要取消的訂單。 3、點選取消訂單。 4、點選確定取消訂單。 5.最後依個人狀況選擇取消原因後點選提交即可。
取消win11螢幕鎖定教學
Dec 31, 2023 pm 12:29 PM
為了保護螢幕內容或省電我們常常會開啟屏保，但是發現每次屏保退出後都要重新輸入密碼鎖非常麻煩，那麼win11屏幕鎖怎麼取消呢，其實在屏保設置裡就能關閉。 win11螢幕鎖怎麼取消：1、首先我們右鍵桌面空白處，打開「個人化」2、然後在右邊找到並打開「鎖定畫面」3、隨後打開最下面相關設定裡的「螢幕保護程式」4、最後勾選「在恢復時顯示登入畫面」並確定儲存就能取消螢幕鎖了。
微信取消耳朵的符號的詳細步驟
Mar 25, 2024 pm 05:01 PM
1.耳朵符號是語音聽筒模式，首先我們打開微信。 2、點擊右下角的我。 3、點選設定。 4.找到聊天點擊進入。 5.取消勾選使用聽筒播放語音即可。
芒果tv自動續費在哪取消
Feb 28, 2024 pm 10:16 PM
許多用戶在體驗芒果TV這款影片軟體時，為了享受更多的影視資源和更全面的服務，都會選擇開通會員。而在使用芒果TV會員服務的過程中，部分用戶會選擇開啟自動續費功能享受優惠，以確保不會錯過任何精彩內容。然而，當用戶不再需要會員服務或希望更改付款方式時，取消自動續費功能就是保護財產安全非常重要的一件事，究竟該如何取消芒果tv的自動續費服務呢，想要了解的用戶們就快來跟著本文一起詳細了解吧！芒果tv怎麼取消會員自動續約？ 1.先進入芒果tv手機APP裡面的【我的】，再選擇【VIP會員】。 2、然後找到【管
愛奇藝怎麼取消自動續費 愛奇藝取消自動續費怎麼操作
Feb 22, 2024 pm 04:46 PM
可以在我的黃金VIP會員介面開啟管理自動續費功能進行取消。教學適用型號：華為P50系統：HarmonyOS2.0版本：愛奇藝12.1.0解析1開啟手機上的愛奇藝app，接著進入我的頁面。 2然後在我的頁面點擊上方的黃金VIP會員，接著點擊管理自動續費選項。 3在彈出的視窗中點選取消自動續費，不感興趣，繼續取消。 4最後確認關閉自動續費並點擊我知道了，殘忍拒絕即可。補充：蘋果手機愛奇藝怎麼取消自動續費功能1打開手機上的設置，接著在設定介面點選頂部的【AppleID】。 2在AppleID介面點選【訂閱】選
如何移除Win10桌面圖示上的防火牆標誌?
Jan 01, 2024 pm 12:21 PM
很多使用win10系統的小伙伴發現，電腦桌面的圖標上有防火牆的標誌，這是什麼情況呢?這讓很多有強迫症的小伙伴特別難受，其實我們只要打開控制面板，在用戶帳戶中的“更改使用者帳號控制設定」變更就可以解決了，具體的教學一起來看看吧。 win10桌面圖示有防火牆標誌怎麼取消1、首先，透過滑鼠右鍵點選電腦開機畫面旁的開始功能表按鈕，然後從彈出的選單中選取控制面板功能。 2.緊接著選擇其中的「使用者帳戶」選項，從接下來出現的新介面中選擇「更改使用者帳戶控制設定」此項目。 3.調整視窗中的滑桿至底部之後，點選確認退出
微信取消訂閱付款的操作步驟
Mar 26, 2024 pm 08:21 PM
1.在手機設定中點選【iTunesStore與AppStore】選項。 2.點選【查看AppleID】，然後輸入登入密碼。 3.進入【帳戶設權置】介面，點選【付款資訊】。 4.將付款方式勾選為【無】，點選【完成】。完成後，返回微信介面，此時將會收到【解約成功通知】的訊息，微信就再也不會自動扣除費用。
