上QQ阅读APP看本书，新人免费读10天
设备和账号都新为新人
1.5 嵌入JavaScript脚本代码的位置
JavaScript脚本代码可放在HTML文档中任何需要的位置。一般来说，可以在<head>与</head>标记对、<body>与</body>标记对之间按需要放置JavaScript脚本代码。
1.5.1 在<head>与</head>标记对之间放置
放置在<head>与</head>标记对之间的JavaScript脚本代码一般用于提前载入，以响应用户的页面动作，且一般不影响HTML文档的浏览器显示格局。源程序1.5是其基本文档结构代码。
//源程序1.5
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html140/strict.dtd">
<html>
<head>
<meta http-equiv=content-type content="text/html; charset=gb2312">
<title>Sample Page!</title>
<script language="javascript" type="text/javascript">
//脚本语句…
</script>
</head>
<body>
</body>
</html>
1.5.2 在<body>与</body>标记对之间放置
如果需要在页面载入时运行JavaScript脚本生成页面内容，应将脚本代码放置在<body>与</body>标记对之间，可根据需要编写多个独立的脚本代码段并与HTML代码结合在一起。基本文档结构如源程序1.6所示。
//源程序1.6
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html140/strict.dtd">
<html>
<head>
<meta http-equiv=content-type content="text/html; charset=gb2312">
<title>Sample Page!</title>
</head>
<body>
<script language="javascript" type="text/javascript">
//脚本语句…
</script>
//HTML语句
<script language="javascript" type="text/javascript">
//脚本语句…
</script>
</body>
</html>
1.5.3 在两个标记对之间混合放置
如果既需要提前载入脚本代码以响应用户的事件，又需要在页面载入时运行JavaScript脚本生成页面内容，可以综合以上两种方式。基本文档结构如源程序1.7所示。
//源程序1.7
<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html140/strict.dtd">
<html>
<head>
<meta http-equiv=content-type content="text/html; charset=gb2312">
<title>
Sample Page!
</title>
<script language="javascript" type="text/javascript">
//脚本语句…
</script>
</head>
<body>
<script language="javascript" type="text/javascript">
//脚本语句…
</script>
</body>
</html>
在HTML文档中的什么位置嵌入JavaScript脚本代码应由其实际功能需求来决定。嵌入脚本的HTML文档编辑完成后，下一步应当选择合适的浏览器。