JavaScript 是一种嵌入到 HTML 文档的脚本语言，由浏览器解释和执行，无需编译。
将 JavaScript 脚本嵌入到 HTML 文档中有3种标准方法：
1:通过<script>直接嵌入
2:引入外部脚本；
3:在 HTML 属性中直接嵌入。
一：通过<script>直接嵌入
注意： 通过<script>标签嵌入JavaScript代码时，必须放在<script type="text/javascript">XXXXX</script>之间
DEMO1
二. 引入外部脚本
当网页功能比较复杂，或通用代码（每个页面都是用）较多时，直接在 <script type="text/javascript"></script>比较乱，不容易管理。这时候，我们希望能将JavaScript代码保存在单独的文件中，使用时再嵌入到 HTML 文档。
DEMO2 标签中嵌入 JavaScript 代码会导致网页杂乱，不易管理。这时候，我们希望能将JavaScript代码保存在单独的文件中，使用时再嵌入到 HTML 文档。
标签嵌入
引入外部脚本，能够很轻松的让多个页面使用相同的 JavaScript 代码。外部脚本一般会被浏览器保存在缓存文件中，用户再次访问网页时，无需重新载入，加快了网页打开速度。
注意：外部脚本一般保存为 .js 的文件。
三. 在 HTML 属性中直接嵌入
在 HTML 属性中嵌入 JavaScript 代码主要是针对 JavaScript 事件。JavaScript 事件是指用户对网页进行操作时，网页做出相应的响应。
案例：鼠标单击事件
鼠标单击事件
点击出现警告框
案例：鼠标双击事件
鼠标双击事件
双击出现警告框
嵌入脚本的位置：
<script>标签嵌入的脚本和外部引入的脚本可以放在 <head> 标签和<body> 标签的任意位置。
上面的几个例子，都是将 JavaScript 代码嵌入到 <body> 标签，下面演示在 <head>标签中嵌入脚本。
头部引入外部js文件
头部<script>标签中直接书写
网友评论