JavaScript-提问（prompt 消息对话框）_js/jQuery

资料来源：网络整理时间：2023/3/4 0:56:46 共计：3619 浏览

prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框（包含一个确定按钮、取消按钮与一个文本输入框）。

语法:

prompt(str1, str2);

参数说明：

str1: 要显示在消息对话框中的文本，不可修改
str2：文本框中的内容，可以修改

返回值:

1. 点击确定按钮，文本框中的内容将作为函数返回值
2. 点击取消按钮，将返回null

看看下面代码:

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

结果:

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

案例：

<!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变量，用来存储用户输入的成绩值。

 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" onClick="rec()" value="点击我，对成绩做评价!" />

</body>

</html>

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：CSS小技巧:border-style:?double制作三横线_CSS学习 | ·下一条：JavaScript基础_js/jQuery