首页 >web前端 >js教程 > 正文

javascript如何输入数据

原创2021-07-16 15:54:240342

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

本教程操作环境: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>

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中文网直播班

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:javascript 输入数据
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • JavaScript基础精讲视频教程JavaScript基础精讲视频教程
  • JavaScript设计模式完整视频教程JavaScript设计模式完整视频教程
  • JavaScript基础入门及设计模式视频教程JavaScript基础入门及设计模式视频教程
  • JavaScript基本语法及基本语句视频教程JavaScript基本语法及基本语句视频教程
  • JavaScript核心编程视频教程JavaScript核心编程视频教程
  • JavaScript深入视频教程JavaScript深入视频教程
  • 视频教程分类