前端中的弹窗确认和弹出默认对话框的js函数

2021-11-19
287次阅读
没有评论

之前只知道调试页面和输出用 console.log 和 alert ,今天在 github 上看了前端基础,找了两个包不错的函数,可能会在以后的某一个时间中会用到。

第一个,confirm

前端中的弹窗确认和弹出默认对话框的js函数

演示代码为:

<!-- 下面这个代码会弹出一个警报框同时给你一个选项用来选择。 -->
    <script type="text/javascript">
        var qiong = confirm("你听说过天地一号吗?");
        console.log(qiong);
    </script>

第二个,prompt

前端中的弹窗确认和弹出默认对话框的js函数

演示代码为:

<script>
        var huiDa = prompt('您有什么问题可以告诉我们!');
        console.log(huiDa);
        document.write('<div style="border:1px solid #000;text-align:center;">您瞧瞧输入的是不是这个内容:'+huiDa+'</div>');
        alert('尊敬的用户您好,您提交的问题“'+huiDa+'”我们已经记录并提交给售后人员进行处理了。祝您生活愉快!'); 
    </script>

正常输入内容之后可以传到js中去处理。

================

其中,console控制台打印也有三种;

分别是:

  • console.log();
  • console.warn();//警告打印
  • console.error();//错误打印

效果图如下面所示:

前端中的弹窗确认和弹出默认对话框的js函数

总结:alert() 主要用来显示消息给用户,console.log() 用来给程序员做调试用。

正文结束
居烽
版权声明:本站原创文章,由 居烽 于2021-11-19发表,共计633字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码