共计 2004 个字符，预计需要花费 6 分钟才能阅读完成。
学习了 HTML 入门教程 之后，我们都知道 HTML 页面是静态的，要实现某些动态效果，就要引入 JavaScript。本节课就来给大家讲解一下怎样在 HTML 页面中引入 JavaScript。这节课不涉及太多编程方面的知识，先给大家说一下引用方式，这样大家至少都知道在哪编程，然后再在后面章节跟大家促膝长谈编程方面的知识。
JavaScript 在 HTML 的引用共有 4 种：
- （1）页头引入（head 标签内）；
- （2）页中引入（body 标签内）；
- （3）元素事件中引入（标签属性中引入）；
- （4）引入外部 JS 文件；
By the way，这 4 种引入方式都 very very 常用，大家一定要好好理解一下喔。
一、页头引入 JS
在页头引入 JS，指的就是在 <head></head> 标签内编写 JavaScript。如：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
// 这里编写 JavaScript 程序
</script>
</head>
<body>
</body>
</html>说明：
<script type="text/javascript">……</script> 格式是固定的，JavaScript 代码必须在 <script></script> 标签内编写，并且必须设置 type 属性值为“text/javascript”。
<script type="text/javascript">……</script> 这句语句要记忆的喔，别到时候写个 JavaScript 程序连这句都要回来这里复制代码过去呀。
实例：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
document.write("19WEB 开发教程 JavaScript 入门教程");
</script>
</head>
<body>
</body>
</html>document.write()”表示在页面输入某一个内容，大家记住这个语句，后面经常用喔。
二、页中引入 JS
在页中引入 JS，指的就是在 <body></body> 标签内编写 JavaScript。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
// 这里编写 JavaScript 程序
</script>
</body>
</html>在 body 标签内引入 JavaScript 跟在 head 标签引入 JavaScript 语法格式类似，在此不再重复讲解。
实例：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
document.write("19WEB 开发教程 JavaScript 入门教程");
</script>
</body>
</html>
三、元素事件中引入 JS
在元素事件中引入 JS，就是指在元素的某一个属性中直接编写 JavaScript 程序或调用 JavaScript 函数，这个属性指的是元素的“事件属性”。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<input type="button" onClick="alert('19WEB 开发教程 ')" value="按钮"/>
</body>
</html>
四、引入外部 JS 文件
引入外部 JS 文件，说白了就是把 JavaScript 程序存放在一个后缀名为.js 的文件中，然后使用 script 标签来引用。此外，引用外部 JS 文件的 script 标签可以放在 head 标签内，也可以放在 body 标签中。
<script src="js/index.js" type="text/javascript"></script>
可能大家刚刚开始很难去深入理解并记忆这 4 种 JS 引用方式，不过没关系，以后大家忘了再回来这里看看，编程这种东西一回生二回熟，写多了自然就会记得。
总结
1、JavaScript 在 HTML 的引用共有 4 种：
（1）页头引入（head 标签内）；
（2）页中引入（body 标签内）；
（3）元素事件中引入（标签属性中引入）；
（4）引入外部 JS 文件；
这四种引用方式都非常重要，没有哪一种不重要的。