- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="utf-8">
- <title>
- JavaScript - 提问 (prompt 消息对话框)
- </title>
- <script type="text/javascript">
- // var myname=prompt("脚本提示 1","脚本提示 2","请输入你的姓名");
- // var myname=prompt("问卷调查","请输入你的姓名");
- var myname = prompt("请输入你的姓名");
- if (myname != null) {
- alert("你好" + myname);
- } else {
- alert("你好 my friends");
- }
- </script>
- </head>
- <body>
- </body>
- </HTML>
prompt 弹出消息对话框, 通常用于询问一些需要与用户交互的信息, 弹出消息对话框 (包含一个确定按钮, 取消按钮与一个文本输入框).e.g: 输入你的成绩, 根据输入的成绩做出评价
专门建立的学习 Q-q-u-n: 784783012 , 分享学习的方法和需要注意的小细节, 不停更新最新的教程和学习技巧
(从零基础开始到前端项目实战教程, 学习工具, 全栈开发学习路线以及规划)
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="utf-8">
- <title>
- JavaScript - 提问 (prompt 消息对话框)
- </title>
- <script type="text/javascript">
- function score() {
- var scroe;
- score = prompt("输入成绩, 做出评价");
- if (score >= 90) {
- document.write("很棒, 和我一样优秀");
- } else if (score >= 80) {
- document.write("80 都有了, 90 还远吗");
- } else if (score >= 70) {
- document.write("不错呦, 在 60 基础上进步 10 分");
- } else if (score >= 60) {
- document.write("谢谢老天, 我终于及格了");
- } else {
- document.write("你要加油, 不然我会伤心难过");
- }
- }
- // score();
- </script>
- </head>
- <body>
- <form action="" method="">
- <input type="button" name="" id="" value="输入成绩查看评价" onclick="score()"
- />
- </form>
- </body>
- </HTML>
- <!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("要努力了!");
- }
- }
- // rec();// 函数定义好后, 是不能自动执行的, 所以需调用它, 只需直接在需要的位置写函数就 ok 了
- </script>
- </head>
- <body>
- <input name="button" type="button" onClick="rec()" value="点击我, 对成绩做评价!"
- />
- </body>
- </HTML>
总结: 函数定义好后, 是不能自动执行的, 所以需调用它, 只需直接在需要的位置写函数就 ok 了! 语法: prompt(str1, str2); 参数说明: str1: 要显示在消息对话框中的文本, 不可修改; str2: 文本框中的内容, 可以修改; 返回值: 1. 点击确定按钮, 文本框中的内容将作为函数返回值 2. 点击取消按钮, 将返回 null; 注意: 在用户点击对话框的按钮前, 不能进行任何其它操作
来源: http://www.jianshu.com/p/5f39be030a99