用JavaScript實(shí)現(xiàn)對(duì)話(huà)框的教程
JavaScript支持三種重要類(lèi)型的對(duì)話(huà)框。這些對(duì)話(huà)框可以用來(lái)引發(fā)和警報(bào),或得到確認(rèn)的任何輸入或有來(lái)自用戶(hù)的一種輸入。
在這里,我們將一個(gè)一個(gè)地來(lái)看每個(gè)對(duì)話(huà)框:
Alert 對(duì)話(huà)框:
一個(gè)警告對(duì)話(huà)框,主要是用來(lái)給一個(gè)警告信息給用戶(hù)。就像如果一個(gè)輸入字段要求輸入一些文字,但用戶(hù)不輸入字段則作為驗(yàn)證,可以使用警告框,如下給出警告信息的一部分:
<head> <script type="text/javascript"> <!-- alert("Warning Message"); //--> </script> </head>
然而,一個(gè)警告框仍然可以用于友好的消息。警告框,給人只有一個(gè)“Ok”按鈕來(lái)選擇和繼續(xù)。
確認(rèn)對(duì)話(huà)框:
一個(gè)確認(rèn)對(duì)話(huà)框主要用于把用戶(hù)的同意的任何選項(xiàng)。它顯示一個(gè)對(duì)話(huà)框,有兩個(gè)按鈕:確定和取消。
如果用戶(hù)點(diǎn)擊OK按鈕,窗口的方法confirm()將返回true。如果用戶(hù)點(diǎn)擊取消按鈕confirm() 返回 false。可以使用確認(rèn)對(duì)話(huà)框,如下所示:
<head> <script type="text/javascript"> <!-- var retVal = confirm("Do you want to continue ?"); if( retVal == true ){ alert("User wants to continue!"); return true; }else{ alert("User does not want to continue!"); return false; } //--> </script> </head>
Prompt Dialog Box:
當(dāng)你想彈出一個(gè)文本框來(lái)獲取用戶(hù)輸入的提示對(duì)話(huà)框中是非常有用的。因此,它使您能夠與用戶(hù)交互。用戶(hù)需要填寫(xiě)字段,然后單擊確定。
使用對(duì)話(huà)框 prompt() 是一種方法,它有兩個(gè)參數(shù)(I)要在文本框中顯示(Ⅱ)默認(rèn)字符串文本框中顯示的標(biāo)簽顯示。
這個(gè)對(duì)話(huà)框有兩個(gè)按鈕:確定和取消。如果用戶(hù)點(diǎn)擊“OK”按鈕的窗口法prompt()將從文本框返回輸入的值。如果用戶(hù)點(diǎn)擊“取消”按鈕窗口方式prompt()返回null。
可以使用提示對(duì)話(huà)框,如下所示:
<head> <script type="text/javascript"> <!-- var retVal = prompt("Enter your name : ", "your name here"); alert("You have entered : " + retVal ); //--> </script> </head>
- js彈出對(duì)話(huà)框方式小結(jié)
- JS實(shí)現(xiàn)網(wǎng)頁(yè)每隔3秒彈出一次對(duì)話(huà)框的方法
- JS給超鏈接加確認(rèn)對(duì)話(huà)框的方法
- js 模式窗口(模式對(duì)話(huà)框和非模式對(duì)話(huà)框)的使用介紹
- js確認(rèn)刪除對(duì)話(huà)框適用于a標(biāo)簽及submit
- js彈出確認(rèn)是否刪除對(duì)話(huà)框
- 利用javascript打開(kāi)模態(tài)對(duì)話(huà)框(示例代碼)
- JS對(duì)話(huà)框_JS模態(tài)對(duì)話(huà)框showModalDialog用法總結(jié)
- javascript對(duì)話(huà)框使用方法(警告框 javascript確認(rèn)框 提示框)
- JS彈出對(duì)話(huà)框?qū)崿F(xiàn)方法(三種方式)
相關(guān)文章
TypeScript基礎(chǔ)class類(lèi)教程示例
這篇文章主要為大家介紹了TypeScript基礎(chǔ)class類(lèi)教程示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-02-02JavaScript中的prototype和constructor簡(jiǎn)明總結(jié)
一直沒(méi)弄清楚JavaScript中的prototype和constructor屬性,今天看了看書(shū),總算有點(diǎn)眉目了2014-04-04js 模式窗口(模式對(duì)話(huà)框和非模式對(duì)話(huà)框)的使用介紹
Javascript里面分模式對(duì)話(huà)框和非模式對(duì)話(huà)框,下面對(duì)兩者的使用做下介紹2014-07-07js創(chuàng)建對(duì)象的區(qū)別示例介紹
本節(jié)主要介紹了js 創(chuàng)建對(duì)象的區(qū)別,不同的賦值方式,導(dǎo)致的結(jié)果也不一樣,感興趣的朋友可以了解下2014-07-07JavaScript中構(gòu)造函數(shù)與原型鏈之間的關(guān)系詳解
在本篇文章里小編給大家分享了關(guān)于JavaScript中構(gòu)造函數(shù)與原型鏈之間的關(guān)系相關(guān)知識(shí)點(diǎn),需要的朋友們學(xué)習(xí)下。2019-02-02基于JavaScript實(shí)現(xiàn)繼承機(jī)制之構(gòu)造函數(shù)方法對(duì)象冒充的使用詳解
我們知道JavaScript是面向?qū)ο蟮哪_本語(yǔ)言,那么既然是面向?qū)ο螅^承一定是必不可少的了。JavaScript的核心是ECMAScript,JavaScript繼承機(jī)制的實(shí)現(xiàn)其實(shí)就是ECMAScript繼承機(jī)制的實(shí)現(xiàn)2013-05-05