JS的三种弹窗方式(控制台输出)以及JS注释

最新推荐文章于 2023-12-08 19:31:59 发布

妍华之喜

最新推荐文章于 2023-12-08 19:31:59 发布

阅读量3k

点赞数 4

文章标签： js javascript 前端

本文链接：https://blog.csdn.net/XVJINHUA954/article/details/110006291

版权

JS的三种弹窗方式(控制台输出)以及JS注释

JS的三种弹窗方式

alert

alert弹窗:弹出一个警告框,只有确定按钮

语法:

alert("警告框")

效果:

在这里插入图片描述

confirm

confirm弹窗:弹出一个确认框,只有确定和取消按钮

语法:

confirm("确认框")

效果

在这里插入图片描述

prompt

prompt弹窗:弹出一个接收数据框,有输入框和确定,取消按钮

语法

prompt("数据接收框")

效果

在这里插入图片描述

JS的控制台输出

使用console.log(),将内容输出到浏览器控制台里面

语法

console.log("控制台输出")

效果

在这里插入图片描述

JS的注释

单行注释:使用//对一行进行注释,添加取消单行注释使用 Ctrl+/
多行注释:使用/* 内容 */

实例:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>三种弹窗方式</title>
</head>

<body>
    <script>
        window.onload = function () {
            // 单行注释
            //alert("警告框")
            confirm("确认框")
            // 多行注释
            /*prompt("数据接收框")
            console.log("控制台输出")*/
        }
    </script>
</body>

</html>