• 技术文章 >web前端 >js教程

    javascript如何输入数据

    青灯夜游青灯夜游2021-07-16 15:54:24原创137

    javascript输入数据的方法:1、使用prompt()方法,会弹出一个允许输入值的对话框,提供了确定和取消两个按钮,还能提供预期输入值;2、使用comfirm()方法,弹出一个确认消息对话框,可以获取true或false值。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    JavaScript输入语句

    JS提供了两种输入方法prompt()和confirm(),接下来就对他们进行学习;

    1、prompt()方法

    弹出一个允许输入值得对话框,带有确认和取消两个按钮,并允许设置默认值

    语法格式:

    prompt(msg,defaultText)

    实例:

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

    1.gif

    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>

    动图演示效果如下:

    2.gif

    【推荐学习:javascript高级教程

    以上就是javascript如何输入数据的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript 输入数据
    上一篇:javascript输出语句怎么打 下一篇:JavaScript求x平方怎么做
    VIP会员

    相关文章推荐

    • javascript怎么将整型数据转为字符串• JavaScript三种强制类型转换是什么• javascript怎么改变input输入框的值• javascript怎么判断是否包含指定字符串• JavaScript是网页脚本语言吗• javascript怎么将数值转为字符串

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网