當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

078_弹出框

發(fā)布時間：2025/4/17 编程问答 60 豆豆

生活随笔收集整理的這篇文章主要介紹了 078_弹出框小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

1. JavaScript有三種類型的彈出框: 警告框、確認框和提示框。

2. 警告框

2.1. 如果要確保信息傳遞給用戶, 通常會使用警告框。

2.2. 當警告框彈出時, 用戶將需要單擊"確定"來繼續(xù)。

2.3. 語法

window.alert("sometext");

2.4. window.alert()方法可以不帶window前綴來寫。

alert("我是一個警告框！");

3. 確認框

3.1. 如果您希望用戶驗證或接受某個東西, 則通常使用"確認"框。

3.2. 當確認框彈出時, 用戶將不得不單擊"確定"或"取消"來繼續(xù)進行。

3.3. 如果用戶單擊"確定", 該框返回true。如果用戶單擊"取消", 該框返回false。

3.4. 語法

window.confirm("sometext");

3.5. window.confirm()方法可以不帶window前綴來編寫。

var r = confirm("請按按鈕"); if (r == true) {x = "您按了確認！"; } else {x = "您按了取消！"; }

4. 提示框

4.1. 如果您希望用戶在進入頁面前輸入值, 通常會使用提示框。

4.2. 當提示框彈出時, 用戶將不得不輸入值后單擊"確定"或點擊"取消"來繼續(xù)進行。

4.3. 如果用戶單擊"確定", 該框返回輸入值。如果用戶單擊"取消", 該框返回NULL。

4.4. 語法

window.prompt("sometext","defaultText");

4.5. window.prompt()方法可以不帶window前綴來編寫。

var person = prompt("請輸入您的姓名", "zhangsan"); if (person != null) {document.getElementById("demo").innerHTML = "你好 " + person + "！今天過的怎么樣?"; }

5. 例子

5.1. 代碼

<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="utf-8" /><title>彈出框</title></head><body><input type="button" value="警告框" onclick="myAlert()" /><input type="button" value="確認框" onclick="myConfirm()" /><input type="button" value="提示框" onclick="myPrompt()" /><script type="text/javascript">function myAlert() {window.alert("我是警告框");}function myConfirm() {window.confirm("我是確認框");}function myPrompt() {window.prompt("請輸入您的姓名", '張三');}</script></body> </html>

5.2. 效果圖

總結(jié)

以上是生活随笔為你收集整理的078_弹出框的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

弹出