首頁 >web前端 >js教程 >javascript如何輸入數據

javascript如何輸入數據

青灯夜游原創: 2021-07-16 15:54:2417873瀏覽

javascript輸入資料的方法：1、使用prompt()方法，會彈出允許輸入值的對話框，提供了確定和取消兩個按鈕，還能提供預期輸入值；2、使用comfirm ()方法，跳出確認訊息對話框，可以取得true或false值。

javascript如何輸入數據

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

JavaScript輸入語句

JS提供了兩種輸入方法prompt()和confirm()，接下來就對他們進行學習；

#1、prompt()方法

彈出一個允許輸入值得對話框，帶有確認和取消兩個按鈕，並允許設定預設值

語法格式：

prompt(msg,defaultText)

# msg:要顯示的文字資訊;
defaultText:輸入框的預設值;

##實例：

 <script>
       function inBtn(){
           var msg = prompt("请输入值","预期输入");
           alert("你输入的值：" + msg);
       }
    </script>
    <button οnclick="inBtn()">打开输入框</button>

javascript如何輸入數據

2、confirm()方法

彈出一個確認訊息對話框，有確定和取消兩個按鈕，點擊確定就回傳true，點擊取消就回傳false。

彈出一個對話框，顯示已經編輯好的內容，並帶有確定和取消兩個按鈕，點擊確定返回true，點擊取消返回false;

語法格式：

confirm(message);  //message为想要显示的内容

實例：

<body>
    <script>
       function inBtn(){
           var msg = confirm("你学过Javascript吗？");
           if(msg){
               alert("学过了，那还需要努力!");
               var msg2 = confirm("我将提供一个教程给你，需要吗？");
               if(msg2) 
                    alert("w3cschool");
               else 
                    alert("那可真是太遗憾了");
           }else{
               alert("没学过，那就开始学吧！");
           }
       }
    </script>
    <button οnclick="inBtn()">打开输入框</button>
</body>

動圖示範效果如下：

javascript如何輸入數據

【推薦學習：

javascript高階教學】

以上是javascript如何輸入數據的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：javascript輸出語句怎麼打下一篇：javascript輸出語句怎麼打

看更多