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>