嵌入JavaScript 脚本代码的位置

JavaScript 脚本代码可放在HTML 文档任何需要的位置。一般来说，可以在<head>与</head>标记对、<body>与</body>标记对之间按需要放置JavaScript 脚本代码。

1．<head>与</head>标记对之间放置放置

在<head>与</head>标记对之间的JavaScript 脚本代码一般用于提前载入以响应用户的动作，一般不影响HTML 文档的浏览器显示内容。如下是其基本文档结构：

//源程序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>文档标题</title>
<script language="javascript" type="text/javascript">
//脚本语句…
</script>
</head>
<body>
</body>
</html>

2．<body>与</body>标记对之间放置

如果需要在页面载入时运行 JavaScript 脚本生成网页内容，应将脚本代码放置在<body>与</body>标记对之间，可根据需要编写多个独立的脚本代码段并与HTML代码结合在一起。如下是其基本文档结构：

//源程序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>文档标题</title>
</head>
<body>
<script language="javascript" type="text/javascript">
//脚本语句…
</script>
//HTML 语句
<script language="javascript" type="text/javascript">
//脚本语句…
</script>
</body>
</html>

3．在两个标记对之间混合放置

如果既需要提前载入脚本代码以响应用户的事件，又需要在页面载入时使用脚本生成页面内容，可以综合以上两种方式。如下是其基本文档结构：

//源程序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>文档标题</title>
<script language="javascript" type="text/javascript">
//脚本语句…
</script>
</head>
<body>
<script language="javascript" type="text/javascript">
//脚本语句…
</script>
</body>
</html>

在HTML 文档中何种位置嵌入JavaScript 脚本代码应由其实际功能需求来决定。嵌入脚本的HTML 文档编辑完成，下一步选择合适的浏览器。

原文链接：http://fire.skyasp.net/news/?126.html

posted on 2011-07-15 23:15 csssky 阅读(324) 评论(0) 编辑收藏举报