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