1.<script> 标签
在HTML中，JavaScript代码必须位于<script>与</script>标签之间。
<!DOCTYPE html>
<html>
<body>
<h2>Body 中的 JavaScript</h2>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "我的第一段 JavaScript";
</script>
</body>
</html>
注释：
旧的JavaScript例子也许会使用type 属性：<script type="text/javascript">；type属性不是必需的，JavaScript是HTML中的默认脚本语言。
2.JavaScript 函数和事件
JavaScript函数是一种JavaScript代码块，它可以在调用时被执行。例如，当发生事件时调用函数，比如当用户点击按钮时。
3.JavaScript位置
脚本可被放置在HTML页面的<body>、<head>部分，或者外部文件中，或兼而有之。
（1）<head> 中的 JavaScript
JavaScript函数被放置于HTML页面的<head>部分，该函数会在按钮被点击时调用：
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "段落被更改。";
}
</script>
</head>
<body>
<h1>一张网页</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">试一试</button>
</body>
</html>
(2)<body>中的JavaScript
JavaScript 函数被放置于HTML页面的<body>部分，该函数会在按钮被点击时调用：
<!DOCTYPE html>
<html>
<body>
<h1>A Web Page</h1>
<p id="demo">一个段落</p>
<button type="button" onclick="myFunction()">试一试</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "段落被更改。";
}
</script>
</body>
</html>
提示：把脚本置于<body>元素的底部，可改善显示速度，因为脚本编译会拖慢显示。
(3)外部文件中的JavaScript
脚本可放置与外部文件myScript.js中
<!DOCTYPE html>
<html>
<body>
<h2>外部 JavaScript</h2>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">试一试</button>
<p>（myFunction 存储在名为 "myScript.js" 的外部文件中。）</p>
<script src="/demo/myScript.js"></script>
</body>
</html>
（1）外部脚本很实用，如果相同的脚本被用于许多不同的网页。
（2）JavaScript文件的文件扩展名是 .js。如需使用外部脚本，请在 <script> 标签的 src (source) 属性中设置脚本文件的路径。
（3）脚本文件的路径可以是绝对路径、相对路径、当前路径。
（4）可以在 <head> 或 <body> 中放置外部脚本文件引用。
（5）外部脚本不能包含<script>标签。
（6）外部 JavaScript 的优势
A.分离了HTML和代码；
B.使HTML和JavaScript更易于阅读和维护；
C.已缓存的JavaScript文件可加速页面加载；
D.如需向一张页面添加多个脚本文件，可使用多个script标签。