在HTML中使用JavaScript

当时的人们想，如何让HTML与JavaScript共存，最终的决定就是为Web增加统一的脚本支持。

<script>元素

由Netscape创造，后来被加入HTML规范，共有6个可选属性

async：异步，只对外部脚本文件有效，表示应该立即下载脚本，但不妨碍页面中的其他操作，比如下载其他资源或等待加载其他脚本
charset：表示通过src属性指定的代码的字符集，不常用
defer：表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效
language：废弃了，原来用于表示编写代码使用的脚本语言
src：要执行代码的外部文件
type：表示编写代码使用的脚本语言的内容类型（MIME），一般为text/javascript，服务器传送时，使用application/x-javascript，约定俗称使用text/javascript

使用<script>元素的方式有两种：直接在页面中嵌入JavaScript代码和包含外部JavaScript文件

嵌入式JavaScript

<script type="text/javascript">
function sayHi(){
  alert("Hi");
}
</script>

JavaScript代码自上而下解释，在解释器对<script>元素内部的所有代码求值完毕之前，页面中的其余部分都不会被浏览器加载或显示
在真正的</script>到达之前不应该出现</script>，字符串中也不例外，例如这样：

<script type="text/javascript">
function sayHi(){
    alert("</script>");
}
sayHi();
</script>

脚本被截断
解决方案为在字符串中随意插入一个转义字符，其实在字符串</script>中没有需要转义的字符，比如</script>、</\script>、</s\cript>，目的就是不让浏览器把字符串当成结束标签，而字符串</script>、</\script>、</s\cript>都表示一样的字符串

引入外部JavaScript

<script type="text/javascript" src="abc.js">
</script>

与解析嵌入式代码一样，解析外部JavaScript文件时，页面的处理也会暂时停止（包括下载脚本时）

在有src属性的<script>元素，标签之间不可以包含额外的javascript代码，包含了也只会下载并执行脚本文件，嵌入的代码会被忽略

另外，src还可以引用外部域的脚本，无论如何包含代码，只要不存在defer 和async ，浏览器都会按照<script>元素在页面出现的先后顺序对他们依次进行解析

延迟脚本

<script defer="defer" src="abc.js">
</script>

表示脚本立即下载，延迟执行，延迟到浏览器遇见</html>后执行，如果有多个defer脚本，执行顺序为在文档中出现的顺序。前边所述为规范，实际情况为defer脚本不一定会按照顺序执行。defer只支持外部脚本，有的浏览器会忽略defer脚本，所以把defer脚本放在页面底部是最佳选择

异步脚本

<script async src="abc.js">
</script>

表示立即下载脚本，但是不保证先后顺序执行，目的是为了不让加载脚本阻止浏览器渲染页面，异步脚本一定会在页面的load事件前执行

嵌入代码与外部文件

虽然没有使用外部文件的硬性规定，一般认为，最好的方法是使用外部文件，优点如下：

可维护性：JavaScript代码集中
可缓存：如果多个HTML文件引用一个JavaScript文件，只下载一次就可以
可适应性：语法统一

文档模式

统一使用<!DOCTYPE html> html5的模式