当时的人们想，如何让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>标签一般放在head中，由于脚本会顺序执行，有时会出现脚本加载缓慢，但是页面不渲染的情况，浏览器在遇见<body>才会开始呈现内容（所有JavaScript脚本下载，解析，执行完毕后），现在一般都是放在<body>最后面
延迟脚本
<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的模式
网友评论