- 例1
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>热身</title>
</head>
<body>
<p id="p1">我是第一段文字</p>
<p id="p2">我是第二段文字</p>
<script type="text/javascript">
document.write("hello");
document.getElementById("p1").style.color="blue";
</script>
</body>
</html>
- JavaScript写在哪里？
<script type="text/javascript"> … </script> 中间的…部分是javaScript代码。
- DOM语法
在HTML的段落里，有p1和p2两个id标签，来分别标记这两个段落。
document.getElementById语法，通过id来设置对应id下段落的样式。document其实就是指的html文本，getElementById可以把它理解为一个函数，传入参数p1，获取到第一个段落，然后设置第一个段落的style。style里应该不仅仅有color，还有别的属性。
- 例2
index.html
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>引用JS文件</title>
<script src="script.js"></script>
</head>
<body>
</body>
</html>
script.js
document.write("引用js文件");
引用js外部文件
在html中使用 <script src="script.js"></script> 来引用执行js文件。
其本质上和直接把js文件写在html中是一样的。
js代码不仅仅可以放在HTML中，也可以将js文件和HTML文件分开，在HTML中引用js外部文件，并加载js代码。
js文件不能直接运行，需要嵌入到HTML中执行。
- 例3
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS代码的位置</title>
<script type="text/javascript">
document.write("I love");
</script>
</head>
<body>
<script type="text/javascript">
document.write("JavaScript");
</script>
</body>
</html>
js作为一个脚本语言，可以被放在html的任何位置，可以将script标签放在html的head中，也可以放在body中。
- 注释
html一般很少有人写注释好像，但是js的话注释还是需要写的，一般的我们使用
// 注释内容 或者 /* 注释内容 */