用JavaScript實(shí)現(xiàn)對(duì)話框的教程
JavaScript支持三種重要類型的對(duì)話框。這些對(duì)話框可以用來(lái)引發(fā)和警報(bào),或得到確認(rèn)的任何輸入或有來(lái)自用戶的一種輸入。
在這里,我們將一個(gè)一個(gè)地來(lái)看每個(gè)對(duì)話框:
Alert 對(duì)話框:
一個(gè)警告對(duì)話框,主要是用來(lái)給一個(gè)警告信息給用戶。就像如果一個(gè)輸入字段要求輸入一些文字,但用戶不輸入字段則作為驗(yàn)證,可以使用警告框,如下給出警告信息的一部分:
<head>
<script type="text/javascript">
<!--
alert("Warning Message");
//-->
</script>
</head>
然而,一個(gè)警告框仍然可以用于友好的消息。警告框,給人只有一個(gè)“Ok”按鈕來(lái)選擇和繼續(xù)。
確認(rèn)對(duì)話框:
一個(gè)確認(rèn)對(duì)話框主要用于把用戶的同意的任何選項(xiàng)。它顯示一個(gè)對(duì)話框,有兩個(gè)按鈕:確定和取消。
如果用戶點(diǎn)擊OK按鈕,窗口的方法confirm()將返回true。如果用戶點(diǎn)擊取消按鈕confirm() 返回 false??梢允褂么_認(rèn)對(duì)話框,如下所示:
<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)獲取用戶輸入的提示對(duì)話框中是非常有用的。因此,它使您能夠與用戶交互。用戶需要填寫(xiě)字段,然后單擊確定。
使用對(duì)話框 prompt() 是一種方法,它有兩個(gè)參數(shù)(I)要在文本框中顯示(Ⅱ)默認(rèn)字符串文本框中顯示的標(biāo)簽顯示。
這個(gè)對(duì)話框有兩個(gè)按鈕:確定和取消。如果用戶點(diǎn)擊“OK”按鈕的窗口法prompt()將從文本框返回輸入的值。如果用戶點(diǎn)擊“取消”按鈕窗口方式prompt()返回null。
可以使用提示對(duì)話框,如下所示:
<head>
<script type="text/javascript">
<!--
var retVal = prompt("Enter your name : ", "your name here");
alert("You have entered : " + retVal );
//-->
</script>
</head>
- js彈出對(duì)話框方式小結(jié)
- JS實(shí)現(xiàn)網(wǎng)頁(yè)每隔3秒彈出一次對(duì)話框的方法
- JS給超鏈接加確認(rèn)對(duì)話框的方法
- js 模式窗口(模式對(duì)話框和非模式對(duì)話框)的使用介紹
- js確認(rèn)刪除對(duì)話框適用于a標(biāo)簽及submit
- js彈出確認(rèn)是否刪除對(duì)話框
- 利用javascript打開(kāi)模態(tài)對(duì)話框(示例代碼)
- JS對(duì)話框_JS模態(tài)對(duì)話框showModalDialog用法總結(jié)
- javascript對(duì)話框使用方法(警告框 javascript確認(rèn)框 提示框)
- JS彈出對(duì)話框?qū)崿F(xiàn)方法(三種方式)
相關(guān)文章
JavaScript中的prototype和constructor簡(jiǎn)明總結(jié)
一直沒(méi)弄清楚JavaScript中的prototype和constructor屬性,今天看了看書(shū),總算有點(diǎn)眉目了2014-04-04
js 模式窗口(模式對(duì)話框和非模式對(duì)話框)的使用介紹
Javascript里面分模式對(duì)話框和非模式對(duì)話框,下面對(duì)兩者的使用做下介紹2014-07-07
js創(chuàng)建對(duì)象的區(qū)別示例介紹
本節(jié)主要介紹了js 創(chuàng)建對(duì)象的區(qū)別,不同的賦值方式,導(dǎo)致的結(jié)果也不一樣,感興趣的朋友可以了解下2014-07-07
JavaScript中構(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

