本文介绍了JavaScript在HTML中的实现方式，包括ECMAScript、DOM和BOM三个组成部分，并详细讲解了如何通过<script>标签插入JavaScript代码，探讨了不同属性如async、defer等的作用及使用场景。
1）核心：ECMAScript
2）文档对象模型（DOM）
3）浏览器对象模型（BOM）
2、在HTML中使用JavaScript
2.1向HTML页面中插入JavaScript的主要方法，就是使用<script>元素。
2.2<script>的6个属性
1. async：可选，表示应该立即下载脚本，但不妨碍页面中的其他操作，比如下载其他资源或等待加载其他脚本，只对外部脚本有效。
2. charset：可选。表示通过src属性指定的代码的字符集，大多浏览器会忽略它的值，因此这个属性很少使用。
3. defer：可选，脚本延迟属性。表示脚本可以延迟到文档完全被解析和显示之后再执行，只对外部脚本文件有效。
4. language：脚本类型属性，不是标准组成的一部分，已废弃。大多数浏览器
会忽略这个属性，已没必要使用。
5.src：链接外部文件属性，可选。表示包含要执行代码的外部文件。注意，一旦设置src属性，script元素中编写的JavaScript代码就可能无效。
6. type：脚本类型属性，可选。默认值为text/javascript可以看成language 的替代属性，表示编写代码所使用的内容类型（也叫mime类型）。
2.3、使用<script>的方式有两种：
A:在head或者body里面用script标签。
<script type="text/javascript"></script>
B:在外面定义一个js文件
<script type="text/javascript" src="01.js"></script>
在解析器对<script>元素内部的所有代码求值完毕以前，页面中的其余内容都不会被浏览器加载或显示。
2.4带有src属性的<script>元素不应该在<script></script>标签之间再包含额外的script代码。
只要不存在defer和async属性，浏览器都会按照<script>元素在页面中出现的先后顺序对它们一次进行解析。
2.5标签的位置：
一般script标签会被放在头部和尾部，头部就是<head>里尾部就是<body>里。
defer：表示脚本可以延迟到文档完全被解析和显示之后再执行，只对外部脚本文件有效。其包含的脚本将延迟到浏览器遇到</html>标签后在执行。
async:属性的目的是不让页面等待两个脚本下载和执行，从而异步加载页面其他内容。
扫一扫
2438
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
