简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

JavaScript的三種訊息框alert，confirm，prompt

高洛峰
發布： 2016-12-20 11:56:59
原創
2293 人瀏覽過

1. alert是彈出警告框，在文字裡面加入n就可以換行。

2. confirm彈出確認框，會返回布林值，透過這個值可以判斷點擊時確認還是取消。 true表示點擊了確認，false表示點擊了取消。

3. prompt彈出輸入框，點選確認返回輸入框中的值，點選取消返回null。

下面是詳細的例子：

<html>  
<head>  
<script type="text/javascript">  
function show_alert(){  
    alert(&#39;第一行\n第二行&#39;);  
}  
  
function show_confirm(){  
    var result = confirm(&#39;是否删除！&#39;);  
    if(result){  
        alert(&#39;删除成功！&#39;);  
    }else{  
        alert(&#39;不删除！&#39;);  
    }  
}  
  
function show_prompt(){  
    var value = prompt(&#39;输入你的名字：&#39;, &#39;默认名字&#39;);  
    if(value == null){  
        alert(&#39;你取消了输入！&#39;);  
    }else if(value == &#39;&#39;){  
        alert(&#39;姓名输入为空，请重新输入！&#39;);  
        show_prompt();  
    }else{  
        alert(&#39;你好，&#39;+value);  
    }  
}  
</script>  
</head>  
<body>  
<input id="alert_button" type="button" value="alert" onclick="show_alert()" >  
<input id="confirm_button" type="button" value="confirm" onclick="show_confirm()" >  
<input id="prompt_button" type="button" value="prompt" onclick="show_prompt()" >  
</body>  
</html>
登入後複製



更多JavaScript的三種訊息框alert，confirm，prompt相關文章請關注PHP中文網！

相關標籤：
alert confirm prompt
來源：php.cn
上一篇：js、URL傳遞含有中文參數時的亂碼問題解決 下一篇：JavaScript中的alert()函數使用技巧詳解
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
是否可以在卸載前彈出視窗中顯示自訂訊息？ 使用window.onbeforeunload（或$(window).on("beforeunload")）時，是否可以在該彈出視窗中顯示自訂訊息？也許是一個適...
來自於 2023-08-24 09:27:52
0
2
216
關於js傳字串 <script>         function doDel(id) { alert(id);            if(confirm('確認刪除?')) {  ...
來自於 2018-06-23 20:46:20
0
2
985
android - confirm() 微信内置浏览器似乎不支持confirm(); 怎么解决用alert() ？
來自於 2017-04-17 13:34:12
0
4
293
javascript - http://codepen.io/anon/pen/kkxELE 自定义alert和confirm组件，代码中使用回车代表确定，confirm组件回车，回调函数为alert()时，显示自定义alert，再回车，结果中间又回到confirm，再次显...
來自於 2017-04-11 13:07:46
0
0
137
javascript - window.confirm执行顺序问题 代码如下, 逻辑很简单: {代码...} 正常执行的顺序:是先弹confirm, 现弹alert(2), 在微信下和其他浏览器下执行没问题, 但是在QQ内置浏览器中, 就会出现先弹...
來自於 2017-04-11 12:07:29
0
2
205
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！