1、使用<script>元素。
使用<script>元素的方式有两种：直接在页面中嵌入 JavaScript 代码和包含外部 JavaScript文件。
在使用<script>元素嵌入JavaScript代码时，只需为<script> 指定type属性。
包含在<script>元素内部的JavaScript代码将被从上至下依次解释。如果通过<script>元素来包含外部JavaScript文件，那么src属性就是必需的。
注意：带有src属性的<script>元素不应该在其<script></script>标签之间再包含额外的Javascript代码。
如果包含了嵌入的代码，则只会下载并执行外部脚本文件，嵌入的代码会被忽略。
2、标签的位置
传统做法中，所有<script>元素都应该放在页面<head>元素中。
这种做法的目的就是把所有外部文件（包括 CSS 文件和 JavaScript 文件）的引用都放在相同的地方。
可是，在文档的<head>元素中包含所有 JavaScript 文件，意味着必须等到全部 JavaScript 代码都被下载、
解析和执行完成以后，才能开始呈现页面的内容（浏览器在遇到<body>标签时才开始呈现内容）。对于
那些需要很多 JavaScript 代码的页面来说，这无疑会导致浏览器在呈现页面时出现明显的延迟，而延迟
期间的浏览器窗口中将是一片空白。为了避免这个问题，现代 Web 应用程序一般都把全部 JavaScript 引
用放在<body>元素中页面内容的后面，这样，在解析包含的JavaScript代码之前，页面的内容将完全呈现在浏览器中。而用户也会因为浏览器窗口显示空白页面的时间缩短而感到打开页面的速度加快了。
3、延迟脚本
html4.01为<script>标签定义了defer属性。这个属性的用途是表明脚本在执行时不会影响页面的构造。
脚本会被延迟到整个页面都解析完毕后再执行。此属性相当于告诉浏览器立即下载，但延迟执行。
4、异步脚本
html为<script>元素定义async属性。这个属性与defer属性类似，都用于改变处理脚本的行为。
async只适用于外部脚本文件，并告诉浏览器立即下载文件。标记为async的脚本并不保证按照指定它们的先后顺序执行。
5、嵌入式代码与外部文件
尽可能使用外部文件来包含JavaScript代码。使用外部文件会具有以下特点：
可维护性、可缓存、适应未来。
6、文档模式
文档模式是通过使用文档类型（doctype）切换实现的，主要包括 混杂模式和标准模式。混杂模式会让IE行为与IE5相同，而标准模式则让IE的行为更接近标准行为。
这两种模式主要影响CSS内容的呈现，但在某些情况下也会影响到JavaScript的解释执行。如果在文档开始处没有发现文档类型的声明，则所有浏览器都会默认开启混杂模式。
485
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
