在网页中插入JavaScript代码

　　使用<script>标签，可以把JavaScript源代码直接放到网页文档中。

　　【示例1】启动Dreamweaver，新建HTML文档并保存为test.html。然后在<head>标签内插入<script>标签，在<script>标签中输入代码“<h1>Hello,World</h1>”

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6         <script>
 7             document.write("<h1>Hello,World</h1>");
 8         </script>
 9     </head>
10     <body>
11     </body>
12 </html>

　　<script>和</script>标签混合使用，作为脚本语言的标识符来分隔其他源代码，避免与HTML标签和CSS样式代码混淆。在解析网页源代码时，浏览器检索到<script>标签时，会自动调用JavaScript引擎对其中包含的支付信息进行解释处理。

　　document是JavaScript在浏览器中定义的一个对象，它表示HTML文档内容。write()是document对象的一个方法，它表示在网页文档中输出指定的参数内容。

　　拓展：一般来说，JavaScript代码可以被镶嵌到网页中任何位置，如<head>标签的顶部，<head>和</head>标签之间，<body>标签内部，甚至<html>或</html>标签的外部，浏览器都能正确解析。

　　　　每个网页都可以包含多个<script>标签，每个<script>标签包含的代码被称为JavaScript脚本块。一般建议把相同或相近功能的代码放在一个脚本快中，适当时可以把通用脚本模块放在单独的JavaScript文件中，或者把他们封装为一个独立的对象，方便调用。

　　【示例2】

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6         <script>
 7         // 公用函数
 8             function hello(user){
 9                 return"<h1>hello," + user + "</h1>";//输出参数值
10             }
11         </script>
12     </head>
13     <script>
14         var user = "world";//全局变量象初始化
15     </script>
16     <body>
17         <script>
18             document.write(hello(user));//程序执行代码
19         </script>
20     </body>
21 </html>

　　上述所有的JavaScript代码都可以写在一起，包含在一个<script>标签中。但对于页面内的JavaScript脚本来说，各种公共函数和变量应该放在<head>和</head>之间，将页面加载期间执行的代码、DOM对象初始化以及DOM相关的全局引用赋值操作放在<body>和</body>标签之间，如果没有特殊要求，可以放在</body>标签前面。