我们用到的开发工具是vscode,首先我们在vscode中创建好一个html文件。
第一种方法我们用到了alert弹窗。
<!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>Hello World</title>
<script>
alert("hellow world")
</script>
</head>
<body>
</body>
</html>
在浏览器中的运行结果是这样的:
第二种方法是在控制台中打印输出,我们用到的是console.log()方法,程序员通常也是在console控制台中调试代码的。
<!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('hallo world')
</script>
</body>
</html>
在浏览器中的运行结果是这样的:
还有一种方法是在页面中输出,我们用的是document的对象write方法。
<!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>
document.write('hallo world')
</script>
</body>
</html>
这是在浏览器中的运行结果:
最后,我们再来总结一下吧:1.alert方法是弹出一个窗口。2.console.log方法是在控制台中输出
3.document.write方法是在页面中输出。