JavaScript 在 HTML 文件中的位置
下一篇: JavaScript 变量
JavaScript 代码可以灵活的嵌到 HTML 文档中的任何地方。不过，在 HTML 文件中包含 JavaScript 代码，最首选的应该考虑下面这几种方式:
将 script 脚本代码放到 <head>…</head> 这两个标签之间。
将 script 脚本代码放到 <body>…</body>这两个标签之间。
将 script 脚本代码分别放到 <body>…</body> 和 <head>…</head> 之间。
当引用外部脚本文件时， 在 <head>…</head> 标签之间将外部文件引入进来。
在下面的介绍中，我们将看到如何在 HTML 文件中使用不同的方式放置 JavaScript 代码。
JavaScript 在 <head>…</head> 标签之间
如果你想要让 JavaScript 执行某些事件，例如当用户单击某个地方便运行相应的脚步，那么你可以将代码放在在头部中，如下所示：
<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
alert("Hello World")
}
//-->
</script>
</head>
<body>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>
JavaScript in <body>…</body> 块中
如果你需要在页面加载时运行脚本，以便在页面中生成特定内容，那么你可以将脚本放置在文档中的 <body> 部分。在这种情况下，你不会使用到 JavaScript 定义的任何函数。看看下面的代码。
<html>
<head>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<p>This is web page body </p>
</body>
</html>
此代码将产生以下结果:
Hello World This is web page body
JavaScript 在 <body> 和 <head> 块里
你可以将 JavaScript 代码分别放在 <head> 和 <body> 块里 ，如下：
<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
alert("Hello World")
}
//-->
</script>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>
JavaScript 在外部文件中
当你开始更广泛地使用 JavaScript 时，你可能发现有时候在网站上的多个页面， 需要重复使用相同的 JavaScript 代码。
当然，你并不会受到限制，你可以将相同的代码放在多个 HTML 文件中。但是，在脚本标签中提供一种机制，允许你将 JavaScript 存储在外部文件中，然后将它包含到你的 HTML 文件，这样你就可以将相同的 JavaScript 代码放到外部文件中，然后公共引用它。
下面是一个例子，使用脚本标签和其 src 属性，显示了如何将外部的 JavaScript 文件引入到 HTML 代码中。
<html> <head> <script type="text/javascript" src="filename.js" ></script> </head> <body> ....... </body> </html>
要从外部文件源使用 JavaScript，你需要建一个扩展名为".js"文本文件，然后在文本文件中写入 JavaScript 代码，最后包含该文件，如上例所示。
例如，可以将以下内容保存在 filename.js 文件，在 HTML 文件中包含 filename.js 文件后，你就可以使用 sayHello 函数了。
function sayHello() {
alert("Hello World")
}
下一篇: JavaScript 变量