常用互動方法中的提問(prompt 消息對話框)

字號+ 編輯: Snake 修訂: 人在硅谷 來源: 慕课网 2023-09-11 我要說兩句(0)

prompt彈出消息對話框,通常用於詢問一些需要與用戶交互的信息。彈出消息對話框(包含一個確定按鈕、取消按鈕與一個文本輸入框)。

prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。

弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。

语法:

prompt(str1, str2);

参数说明:

str1: 要显示在消息对话框中的文本,不可修改

str2:文本框中的内容,可以修改

返回值:

1. 点击确定按钮,文本框中的内容将作为函数返回值

2. 点击取消按钮,将返回null

看看下面代码:

var myname=prompt("请输入你的姓名:");
if(myname!=null){  
  alert("你好"+myname); 
}else{  
  alert("你好 my friend.");
  }

结果:

 图片4.png

注:在用户点击对话框的按钮前,不能进行任何其它操作。

<!DOCTYPE HTML>
<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>prompt</title>
    <script type="text/javascript">
        function rec(){
            var score;
            score = prompt("请输入您的成绩!!!");
            if(score>=90){
                document.write("你很棒!");
            }else if(score>=75){
                document.write("不错嘛!");
            }else if(score>=60){
                document.write("要加油!");
            }else{
                document.write("要努力啦!");
            }
        }
    </script>
    </head>
    <body>
        <input name="button" type="button" value="点击我,对成绩" onClick="rec()" />
    </body>
</html>

閲完此文,您的感想如何?
  • 有用

    0

  • 沒用

    0

  • 開心

    0

  • 憤怒

    0

  • 可憐

    0

1.如文章侵犯了您的版權,請發郵件通知本站,該文章將在24小時内刪除;
2.本站標注原創的文章,轉發時煩請注明來源;
3.交流群: PHP+JS聊天群

相關課文
  • JS如何防止父節點的事件運行

  • nodejs編寫一個簡單的http請求客戶耑代碼demo

  • 使用Sublime Text3 開發React-Native的配置

  • 說一則爲什麽後耑開發人員不選擇node.js的原因

我要說說
網上賓友點評