嵌入JavaScript 脚本代码的位置

最新推荐文章于 2021-05-31 23:41:37 发布

weixin_30472035

最新推荐文章于 2021-05-31 23:41:37 发布

阅读量298

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/firesky/archive/2011/07/15/2107875.html

版权

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>