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

前端知识 Loading... 阅读 0

之前只知道调试页面和输出用 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() 用来给程序员做调试用。

Tags:

版权声明:若无特殊注明,本文皆为《长行客》原创,转载务必保留文章来源。

本文链接:前端中的弹窗确认和弹出默认对话框的js函数 & https://www.mxooo.cn/1461/

推荐阅读
发表评论 取消回复
表情 图片 链接 代码

分享