使用過(guò)js對(duì)朋友應(yīng)該會(huì)發(fā)現(xiàn)我們?cè)趯?shí)際使用過(guò)程當(dāng)中使用到的一些方法都會(huì)通過(guò)彈出的窗口來(lái)下達(dá)一些命令和指示，因?yàn)槲覀冊(cè)谶M(jìn)行網(wǎng)頁(yè)瀏覽，或者是用戶(hù)與應(yīng)用程序進(jìn)行雙向交流時(shí)也經(jīng)常會(huì)使用到一些對(duì)話(huà)框。那你知道js彈出窗口的方式是什么嗎？如果想知道的朋友接著往下看吧。
js彈出窗口——js彈出窗口的三大方法
第一種：alert()方法
alert()方法是這三種對(duì)話(huà)框中最容易使用的一種，她可以用來(lái)簡(jiǎn)單而明了地將alert()括號(hào)內(nèi)的文本信息顯示在對(duì)話(huà)框中，我們將它稱(chēng)為警示對(duì)話(huà)框，要顯示的信息放置在括號(hào)內(nèi)，該對(duì)話(huà)框上包含一個(gè)“確認(rèn)”按鈕，用戶(hù)閱讀完所顯示的信息后，只需單擊該按鈕就可以關(guān)閉對(duì)話(huà)框。
第二種：confirm()方法
confirm()方法與alert()方法的使用十分類(lèi)似，不同點(diǎn)是在該種對(duì)話(huà)框上除了包含一個(gè)“確認(rèn)”按鈕外，還有一個(gè)“取消”按鈕，這種對(duì)話(huà)框稱(chēng)為確認(rèn)對(duì)話(huà)框，在調(diào)用window對(duì)象的confirm()方法以及后面介紹的prompt()方法時(shí)也可以不寫(xiě)window。
第三種：prompt()方法
alert()方法和confirm()方法的使用十分類(lèi)似，都是僅僅顯示已有的信息，但用戶(hù)不能輸入自己的信息，但是prompt()可以做到這點(diǎn)，她不但可以顯示信息，而且還提供了一個(gè)文本框要求用戶(hù)使用鍵盤(pán)輸入自己的信息，同時(shí)她還包含“確認(rèn)”或“取消”兩個(gè)按鈕，如果用戶(hù)“確認(rèn)”按鈕，則prompt()方法返回用戶(hù)在文本框中輸入的內(nèi)容(是字符串類(lèi)型)或者初始值(如果用戶(hù)沒(méi)有輸入信息);如果用戶(hù)單擊“取消”按鈕，則prompt()方法返回null，我們稱(chēng)這種對(duì)話(huà)框?yàn)樘崾究?，在這三種對(duì)話(huà)框中，她的交互性最好。
js彈出窗口的案例分析
<html>
<head>
<title>編寫(xiě)html頁(yè)面</title>
<scriptlanguage=”javascript”>//JavaScript腳本標(biāo)注
alert(“上聯(lián)：山石巖下古木枯”);//在頁(yè)面上彈出上聯(lián)
alert(“下聯(lián)：白水泉邊少女妙”);//在頁(yè)面上彈出下聯(lián)
</script>
</head>
</html>
執(zhí)行上面的小例子，在頁(yè)面上彈出對(duì)話(huà)框并顯示一句話(huà)“上聯(lián)：山石巖下古木枯”，如下所示：
接著，單擊“確認(rèn)”按鈕后再顯示第二個(gè)對(duì)話(huà)框并顯示“白水泉邊少女妙！”，效果如下；
在頁(yè)面上彈出對(duì)話(huà)框并顯示一句話(huà)“上聯(lián)：山石巖下古木枯”，單擊“確認(rèn)”按鈕后再顯示第2個(gè)對(duì)話(huà)框并顯示“白水泉邊少女妙！”我們來(lái)分析一下這個(gè)小例子：
a、在<script>腳本塊中兩次調(diào)用alert()方法；
b、在每個(gè)alert()括號(hào)內(nèi)分別添加了一段文本信息，運(yùn)行出現(xiàn)如下圖所示的頁(yè)面，當(dāng)使用鼠標(biāo)單擊頁(yè)面上的“確定”按鈕后，出現(xiàn)第二個(gè)頁(yè)面，再點(diǎn)擊“確定”按鈕后就關(guān)閉頁(yè)面上的對(duì)話(huà)框。注意：兩個(gè)對(duì)話(huà)框是分別顯示的，而不是一個(gè)覆蓋另一個(gè)，這是因?yàn)閖s實(shí)在執(zhí)行完第一個(gè)alert()并等到用戶(hù)點(diǎn)擊“確認(rèn)”按鈕之后才去執(zhí)行第二個(gè)alert()的。
alert()是js的window對(duì)象的一個(gè)方法，調(diào)用時(shí)可以寫(xiě)成window.alert()，也可以寫(xiě)成alert()，功能都是產(chǎn)生一個(gè)帶確認(rèn)按鈕的對(duì)話(huà)框，上面顯示括號(hào)內(nèi)的信息。
以上就是有關(guān)js彈出對(duì)話(huà)框的所有內(nèi)容，學(xué)會(huì)彈出窗口的方式也是學(xué)習(xí)js做一個(gè)重要的知識(shí)點(diǎn)，因此希望各位能夠引起注意和重視，如果大家還想了解更多與之有關(guān)的內(nèi)容，歡迎關(guān)注我們文軍營(yíng)銷(xiāo)的官網(wǎng)。
推薦閱讀
400-685-0732(7x24小時(shí))
關(guān)注文軍
