JavaScript输出语句

1.JavaScript警示框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        alert('js警示框');
    </script>
</body>
</html>

2.JavaScript控制台输出

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
         console.log('控制台输出');
    </script>
</body>
</html>

控制台输出,指的不是展示给用户看的,是给程序员所看的。在代码完成后打开网页按下F12及可以调除控制台。就像下面的图片一样,

3.JavaScript输入框

​
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=>, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        prompt('JavaScript输入框');
    </script>
</body>
</html>

​

 将这三种基础的输出语句结合得到的是什么呢?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        prompt('JavaScript输入框');       //给用户输入的
        alert('JavaScript警示框');               //用户输入后网页再次弹出的窗口或可用作直接弹出的窗口(警示框)
        console.log('JavaScript控制台');      //在网页中按F12,点控制台就可看到所写的内容。(控制台输出)
    </script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq231062/article/details/120703789