目录:
- script 标签
- 输出语句
一、script 标签
- 在 html 中直接写:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
// 这里可以写 js 代码了
</script>
</body>
</html>
2. 创建 js 文件与 html 文件分离:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript" src='script.js'></script>
</body>
</html>
然后就可以在 script.js 中写 js 代码了。
二、js 输出语句
js 输出语句比较多,比如 document.write、console.log 等。
1.document.write:在页面中输出文本内容。
代码:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
document.write("输出文本内容了")
</script>
</body>
</html>
效果图:
2.console.log:在控制台输出内容。
代码:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
console.log("输出文本内容");
</script>
</body>
</html>
效果图:
console 是在控制台中显示,在浏览器右击有一个审查元素(或者 F12),就可以看到 Console 这个内容了。