本文介绍了JavaScript的组成，包括核心、文档对象模型和浏览器对象模型。还阐述了在HTML中使用JavaScript的方法，如<script>元素的属性及使用方式，包括直接嵌入代码和包含外部文件。同时提到了延迟脚本的作用，以及脚本解析顺序和放置位置的要点。
JavaScript简介
JavaScript组成
- 核心（ECMAScript），由 ECMA-262 定义，提供核心语言功能；
- 文档对象模型（DOM），提供访问和操作网页内容的方法和接口；
- 浏览器对象模型（BOM），提供与浏览器交互的方法和接口；
HTML 中使用 JavaScript
1、<script> 元素
HTML 4.01 为
<script> 定义了下列 6 个属性。
- async ：可选。表示应该立即下载脚本，但不应妨碍页面中的其他操作，比如下载其他资源或
等待加载其他脚本。只对外部脚本文件有效。
- charset ：可选。表示通过 src 属性指定的代码的字符集。由于大多数浏览器会忽略它的值，
因此这个属性很少有人用。
- defer ：可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有
效。IE7 及更早版本对嵌入脚本也支持这个属性。
- language ：已废弃。原来用于表示编写代码使用的脚本语言（如 JavaScript 、 JavaScript1.2
或 VBScript ）。大多数浏览器会忽略这个属性，因此也没有必要再用了。
- src ：可选。表示包含要执行代码的外部文件。
- type ：可选。可以看成是 language 的替代属性；表示编写代码使用的脚本语言的内容类型（也称为 MIME 类型）。虽然 text/javascript 和 text/ecmascript 都已经不被推荐使用，但人们一直以来使用的都还是 text/javascript 。实际上，服务器在传送 JavaScript 文件时使用的MIME 类型通常是 application/x–javascript ，但在 type 中设置这个值却可能导致脚本被忽略。另外，在非IE浏览器中还可以使用以下值： application/javascript 和 application/ecmascript 。考虑到约定俗成和最大限度的浏览器兼容性，目前 type 属性的值依旧还是text/javascript 。不过，这个属性并不是必需的，如果没有指定这个属性，则其默认值仍为text/javascript 。使用 <script> 元素的方式有两种：直接在页面中嵌入 JavaScript 代码和包含外部 JavaScript文件。
注：现代 Web 应用程序一般都把全部 JavaScript 引用放在 <body> 元素中页面内容的后面，提升网页加载过程网页一片空白的情况。
1.1延迟脚本
HTML 4.01 为 <script> 标签定义了 defer 属性。这个属性的用途是表明脚本在执行时不会影响页面的构造。也就是说，脚本会被延迟到整个页面都解析完毕后再运行。因此，在 <script> 元素中设置defer 属性，相当于告诉浏览器立即下载，但延迟执行。
eg：<script type="text/javascript" defer="defer" src="example1.js"></script>
章节小结
- 在包含外部 JavaScript 文件时，必须将 src 属性设置为指向相应文件的 URL。而这个文件既可以是与包含它的页面位于同一个服务器上的文件，也可以是其他任何域中的文件。
- 所有 <script> 元素都会按照它们在页面中出现的先后顺序依次被解析。在不使用 defer 和async 属性的情况下，只有在解析完前面 <script> 元素中的代码之后，才会开始解析后面<script> 元素中的代码。
- 由于浏览器会先解析完不使用 defer 属性的 <script> 元素中的代码，然后再解析后面的内容，所以一般应该把 <script> 元素放在页面最后，即主要内容后面， </body> 标签前面。
- 使用 defer 属性可以让脚本在文档完全呈现之后再执行。延迟脚本总是按照指定它们的顺序执行。
- 使用 async 属性可以表示当前脚本不必等待其他脚本，也不必阻塞文档呈现。不能保证异步脚本按照它们在页面中出现的顺序执行。
扫一扫
3511
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
