Javascript的输出方式

丶吃瓜

于 2021-04-14 20:43:48 发布

阅读量132

点赞数 1

本文链接：https://blog.youkuaiyun.com/m0_55870194/article/details/115707401

版权

本文介绍了JavaScript的三种主要输出方式：警报对话框alert(), 页面直接写入document.write()，以及开发者工具console的日志记录console.log(), console.warn(), console.error()。通过实例演示了如何在不同场景下使用这些工具来展示信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS的输出方式
1.alert()

弹出一个对话框，并显示输入的信息，信息都是String形式。该对话框包含一个确定按钮，点击后浏览器才会继续解析执行。

    <script>
        alert("弹出一个alert()"); //输出指定内容
        var mag = "输出一个变量";
        alert(mag); //输出变量中的内容
    </script>

2.document.write()，直接在页面上输出内容

<script>
    /*
     * document     指的是我们所写的HTML文档
     * write()      把小括号里的内容输出到页面上
     */
    document.write("深海鱼");
</script>

3.console系列，会在控制台（一般使用F12键打开）输出内容，开发时会经常使用
在控制台里显示日志

console.log();

在控制台里提示警告

console.warn();

当发生错误时，会在控制台里显示错误

console.error();

<script>
    console.log("控制台.日志()");
    console.warn("控制台.警告()");
    console.error("控制台.错误()");
</script>

效果图：
在这里插入图片描述