1、放在<head>标签之间
如果想让脚本在某些事件上运行，例如，当用户单击某处时，则可以将该脚本放在头部，如下所示：
<html>
<head>
<script type = "text/javascript">
<!--
function sayHello() {
alert("Hello World")
}
//-->
</script>
</head>
<body>
<input type = "button" onclick = "sayHello()" value = "Say Hello" />
</body>
</html>2、放在<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>3、放在<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>4、外部文件中使用JavaScript
当开始更广泛地使用JavaScript时，可能会发现在某些情况下会在网站的多个页面上重复使用相同的JavaScript代码。
不受限于在多个HTML文件中维护相同的代码。该脚本标签提供一种机制，允许你存储的JavaScript在外部文件中，然后包含到你的HTML文件。
下面示例，说明如何使用脚本标签及其src属性在HTML代码中包含外部JavaScript文件。
<html>
<head>
<script type = "text/javascript" src = "filename.js" ></script>
</head>
<body>
.......
</body>
</html>要使用来自外部文件源的JavaScript，需要将所有JavaScript源代码写在扩展名为.js的简单文本文件中，然后如上所示包含该文件。
例如，可以将以下内容保留在filename.js文件中，然后在包含filename.js文件后，就可以在HTML文件中使用sayHello函数。
function sayHello() {
alert("Hello World")
}