javascript實(shí)現(xiàn)對(duì)話框功能警告(alert 消息對(duì)話框)確認(rèn)(confirm 消息對(duì)話框)
我們?cè)谠L問(wèn)網(wǎng)站的時(shí)候,有時(shí)會(huì)突然彈出一個(gè)小窗口,上面寫著一段提示信息文字。如果你不點(diǎn)擊“確定”,就不能對(duì)網(wǎng)頁(yè)做任何操作,這個(gè)小窗口就是使用alert實(shí)現(xiàn)的。
注:alert彈出消息對(duì)話框(包含一個(gè)確定按鈕)。
語(yǔ)法:
alert(字符串或變量);
注意:
1. 在點(diǎn)擊對(duì)話框"確定"按鈕前,不能進(jìn)行任何其它操作。
2. 消息對(duì)話框通常可以用于調(diào)試程序。
3. alert輸出內(nèi)容,可以是字符串或變量,與document.write 相似。
<title>alert</title> <script type="text/javascript"> function rec(){ var mychar="I love JavaScript"; alert(mychar); } </script> </head> <body> <input name="button" type="button" onClick="rec()" value="點(diǎn)擊我,彈出對(duì)話框" /> </body>
確認(rèn)(confirm 消息對(duì)話框)
confirm 消息對(duì)話框通常用于允許用戶做選擇的動(dòng)作,如:“你對(duì)嗎?”等。彈出對(duì)話框(包括一個(gè)確定按鈕和一個(gè)取消按鈕)。
語(yǔ)法:
confirm(str);
參數(shù)說(shuō)明:
str:在消息對(duì)話框中要顯示的文本
返回值: Boolean值
返回值:
當(dāng)用戶點(diǎn)擊"確定"按鈕時(shí),返回true
當(dāng)用戶點(diǎn)擊"取消"按鈕時(shí),返回false
注: 通過(guò)返回值可以判斷用戶點(diǎn)擊了什么按鈕
<script type="text/javascript"> function rec() { var mymessage=confirm("你喜歡javascript嗎?"); if(mymessage==true) { document.write("很好,加油!"); } else if(mymessage==false) { document.write("要學(xué)javascript,而且必須學(xué)"); } } </script>
</head> <body> <input type="button" name="button" value="點(diǎn)擊我,彈出確認(rèn)對(duì)話框" onclick="rec()" /> </body> <script type="text/javascript"> function resc() { var myname=prompt("請(qǐng)輸入你的姓名"); if(myname!=null) { document.write("你好"+myname); } else { document.write("你好"+朋友); } } </script> <body> <input type="button" name="button" value="點(diǎn)擊我,彈出提問(wèn)對(duì)話框" onclick="resc()" /> </body>
總結(jié)
以上所述是小編給大家介紹的javascript實(shí)現(xiàn)對(duì)話框功能警告(alert 消息對(duì)話框)確認(rèn)(confirm 消息對(duì)話框),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺(jué)得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
- JS實(shí)現(xiàn)彈出下載對(duì)話框及常見(jiàn)文件類型的下載
- js提示框替代系統(tǒng)alert,自動(dòng)關(guān)閉alert對(duì)話框的實(shí)現(xiàn)方法
- js彈出框、對(duì)話框、提示框、彈窗實(shí)現(xiàn)方法總結(jié)(推薦)
- JavaScript彈出對(duì)話框的三種方式
- JS彈出對(duì)話框?qū)崿F(xiàn)方法(三種方式)
- js彈出對(duì)話框方式小結(jié)
- javascript學(xué)習(xí)筆記(十六) 系統(tǒng)對(duì)話框(alert、confirm、prompt)
相關(guān)文章
jsonp格式前端發(fā)送和后臺(tái)接受寫法的代碼詳解
jsonp是ajax提交的一種格式不會(huì)受跨域限制,這篇文章主要介紹了jsonp格式前端發(fā)送和后臺(tái)接受寫法的代碼詳解,需要的朋友可以參考下2019-11-11微信小程序?qū)崿F(xiàn)動(dòng)態(tài)渲染Markdown示例詳解
這篇文章主要為大家介紹了微信小程序?qū)崿F(xiàn)動(dòng)態(tài)渲染Markdown示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08JS截取字符串 subStr()、substring()、slice() 方法示例詳解
這篇文章主要介紹了JS截取字符串 subStr()、substring()、slice() 方法,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01微信小程序?qū)崿F(xiàn)滴滴導(dǎo)航tab切換效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)滴滴導(dǎo)航tab切換效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-07-07javascript設(shè)計(jì)模式 – 享元模式原理與用法實(shí)例分析
這篇文章主要介紹了javascript設(shè)計(jì)模式 – 享元模式,結(jié)合實(shí)例形式分析了javascript享元模式相關(guān)概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04JavaScript+CSS實(shí)現(xiàn)仿天貓側(cè)邊網(wǎng)頁(yè)菜單效果
這篇文章主要介紹了JavaScript+CSS實(shí)現(xiàn)仿天貓側(cè)邊網(wǎng)頁(yè)菜單效果,涉及javascript鼠標(biāo)事件及頁(yè)面元素動(dòng)態(tài)操作的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08使用JavaScript實(shí)現(xiàn)圖片的自動(dòng)輪播
在網(wǎng)站開(kāi)發(fā)中,經(jīng)常會(huì)遇到需要展示多張圖片并自動(dòng)切換的需求,這就需要使用JavaScript來(lái)實(shí)現(xiàn)圖片的自動(dòng)輪播功能,本文將通過(guò)一個(gè)簡(jiǎn)單的例子,演示如何用JavaScript實(shí)現(xiàn)圖片的自動(dòng)輪播,感興趣的同學(xué)可以自己動(dòng)手試一試2023-09-09基于javascript實(shí)現(xiàn)文字無(wú)縫滾動(dòng)效果
這篇文章主要介紹了基于javascript實(shí)現(xiàn)文字無(wú)縫滾動(dòng)效果的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-03-03