使用window.prompt()實現(xiàn)彈出用戶輸入的對話框

更新時間：2015年04月13日 11:22:42 投稿：hebedich

window對象的最后一種對話框是提示對話框，它顯示了預先設置的信息并提供文本域供用戶輸入應答。它包括兩個按鈕，即Cancel和Ok，允許用戶用兩個相反的期望值來關閉這個對話框：取消整個操作或接收輸入到對話框中的文本

無意中看到window.prompt()方法,之前真沒有使用過，孤陋寡聞。不過現(xiàn)在學習下吧。

在網(wǎng)頁中，有時需要彈出一個提示框，而且在提示框中還需要用戶輸入一些內(nèi)容，這就可以用prompt對象，具體實現(xiàn)用法如下。

<!DOCTYPE html>
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <script>
   var _saytext = decodeURI("我真笨");
   
   var _text;
   
   var err_list = new Array("別亂填??！","快填，別試了??！");
   
   _text = prompt("在下面輸入框填“" + _saytext +"”");
   
   for ( i = 0; _text != _saytext; ++i) {
     if ( i == err_list.length) {
      i = 0;
     }
     alert(err_list[i]);
     _text = prompt("在下面輸入框填“" + _saytext +"”");
   }
   
   alert("嗯，這就對了！");
 </script>
 </head>
 </html>

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

JS實現(xiàn)表單中點擊小眼睛顯示隱藏密碼框中的密碼
這篇文章主要介紹了JS實現(xiàn)表單中點擊小眼睛顯示隱藏密碼框中的密碼，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考價值,需要的朋友可以參考下
2020-04-04
js實現(xiàn)京東輪播圖效果
這篇文章主要為大家詳細介紹了js實現(xiàn)京東輪播圖效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06
禁止IE用右鍵的JS代碼
這篇文章主要介紹了禁止IE用右鍵的JS代碼，有需要的朋友可以參考一下
2013-12-12
小程序多圖列表實現(xiàn)性能優(yōu)化的方法步驟
這篇文章主要介紹了小程序多圖列表實現(xiàn)性能優(yōu)化的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-05-05
使用JS代碼實現(xiàn)點擊按鈕下載文件
有時候我們在網(wǎng)頁上需要增加一個下載按鈕，讓用戶能夠點擊后下載頁面上的資料，那么怎樣才能實現(xiàn)功能呢？今天小編給大家分享兩種方法實現(xiàn)js實現(xiàn)點擊按鈕下載文件，需要的朋友參考下吧
2016-11-11
javascript權(quán)威指南學習筆記之變量作用域分享
最近一直在看《javascript權(quán)威指南第五版》，變量作用域這一章，看得真的有點累。不過，收獲還是多多。
2011-09-09
js提示框替代系統(tǒng)alert,自動關閉alert對話框的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨s提示框替代系統(tǒng)alert,自動關閉alert對話框的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
關于div自適應高度/左右高度自適應一致的js代碼
在DIV和CSS進行網(wǎng)頁布局中，DIV的自適應高度和自適應寬度是一個很常見的問題，本文將介紹左右自適應高度一致的Jquery與DIV高度自適應屏幕的js
2013-03-03
JavaScript數(shù)組常用操作技巧匯總
這篇文章主要介紹了JavaScript數(shù)組常用操作技巧,以實例形式匯總了針對數(shù)組的查找、連接、排序及迭代等各種常見操作技巧,非常具有實用價值,需要的朋友可以參考下
2014-11-11
淺談微信小程序flex布局基礎
這篇文章主要介紹了淺談微信小程序flex布局基礎，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-09-09